一入PHP岁月催

改版中...

jQuery判断checkbox是否选中?操作checkbox(不)选中?

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

posted @ 2014-10-31 15:58  一入PHP岁月催  阅读(1085)  评论(0编辑  收藏  举报