HTML
1     <form action="">
2         <input type="checkbox" name="checkbox" value="all" class="chckall">
3         <input type="checkbox" name="checkbox[]" value="10" class="chckChild">
4         <input type="checkbox" name="checkbox[]" value="10" class="chckChild">
5         <input type="checkbox" name="checkbox[]" value="10" class="chckChild">
6     </form>

 jQuery

 1 // jQuery操作checkbox
 2     $(".chck").click(function(){    // checkbox点击事件
 3         var ob = $(this);
 4         if (ob.is(':checked')) {    // 判断checkbox是否选择
 5             // 全选
 6             ob.parent().find(".chckChild").attr("checked",true); // 操作checkbox为选中
 7         } else {
 8             // 取消全选
 9             ob.parent().find(".chckChild").attr("checked",false); // 操作checkbox为不选中
10         }
11     });
12     // 获得复选框多个值
13     var checked = [];
14     $("input:checkbox:checked").each(function(){
15         checked.push($(this).val());

16     }); 

相关文章:

  • 2022-01-02
  • 2021-11-28
  • 2021-12-09
  • 2021-12-09
猜你喜欢
  • 2022-01-06
  • 2021-11-14
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案