如何检查Django模板中哪些复选框被选中或未选中?

2 投票
1 回答
886 浏览
提问于 2025-04-17 08:46

我正在用Python做一个小项目,使用的是Django框架。

在这个项目里,我动态地填充一个表格,里面是待处理任务的数据。表格的每一行都有一个复选框。根据任务的优先级,表格的行数可能会多也可能会少。

如果没有选中任何复选框,我需要在点击提交按钮时停止表单的提交操作。

那么,如何在JavaScript中识别这些复选框的名称或ID,因为它们是动态生成的呢?

1 个回答

0

html

<form method="post" class="myform" action=".">
    <table>
        <tbody>
            <tr>
                <th><label for="checkbox1">Checkbox 1</label></th>
                <td><input type="checkbox" id="checkbox1" name="checkbox1" /></td>
            </tr>
            <tr>
                <th><label for="checkbox2">Checkbox 2</label></th>
                <td><input type="checkbox" id="checkbox2" name="checkbox2" /></td>
            </tr>
            <tr>
                <th><label for="checkbox3">Checkbox 3</label></th>
                <td><input type="checkbox" id="checkbox3" name="checkbox3" /></td>
            </tr>
        </tbody>
    </table>
    <input type="submit" class="myform-submit" />
</form>

javascript(假设使用了jquery)

$(document).ready(function(){
    $(".myform-submit").bind("click", function(e) {
        e.preventDefault();
        var $form = $(this).closest(".myform");
        if ($("input:checkbox:checked").length) {
            alert("submitting");
            $form.submit();
        }
    });
});

jsfiddle

http://jsfiddle.net/c4urself/xWbEk/

撰写回答