javascript - 如何检查 django 模板中哪些复选框已选中或未选中？

Question

我正在使用 Python 在 Django 中做一个小项目。

其中，我使用待处理任务的数据动态填充表。表的每一行都包含一个复选框字段。根据优先级，行数可以更少或更多。 如果没有选中任何复选框，我必须停止提交按钮单击事件的回发操作。

如何在 JavaScript 中识别动态生成的复选框名称或 ID？

Answer 1

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/