如何检查Django模板中哪些复选框被选中或未选中?
我正在用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