jQuery 全选

Question

可能的重复：
如何在 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>

Answer 1

你的意思是这样的吗：

//add some class to your Select All Checkbox
$('.yourCheckBoxClassHere').bind('click', function(){
    if($(this).is(':checked')) {
       $('input[name="category[]"]').attr('checked', 'checked');
    }
    else {
       $('input[name="category[]"]').attr('checked', '');
    }
});