可能重复:
如何在 HTML 中实现“全选”复选框?
全选并全选类别 选择一个类别以全选,我想用 jquery 运行表单。但是选择过程不适用于两个不同的
我用谷歌翻译写过我不懂英语。我想做以下事情
选择所有进程
例如,计算是如何完成的:
为什么这段代码不起作用?
$('input[name="select_all"],input[name="select_category"]').bind('click', function(){
var check_status = $(this).is(':checked');
$('input[type="checkbox"]', $(this).parent('li')).attr('checked', check_status);
});
<ul>
<li><input type="checkbox" name="select_all"> <label>Select all</label>
<ul>
<li><input type="checkbox" name="select_category"> <label><strong>Select All Category</strong></label>
<ul>
<li><input type="checkbox" name="category[]" value="1"> <label>Category 01 A</label></li>
<li><input type="checkbox" name="category[]" value="2"> <label>Category 01 B</label></li>
<li><input type="checkbox" name="category[]" value="3"> <label>Category 01 C</label></li>
</ul>
</li>
<li><input type="checkbox" name="select_category"> <label><strong>Select All Category</strong></label>
<ul>
<li><input type="checkbox" name="category[]" value="4"> <label>Category 02 A</label></li>
<li><input type="checkbox" name="category[]" value="5"> <label>Category 02 B</label></li>
<li><input type="checkbox" name="category[]" value="6"> <label>Category 02 C</label></li>
</ul>
</li>
</ul>
</li>
</ul>