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>
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());
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 });