zoukankan      html  css  js  c++  java
  • 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     }); 

  • 相关阅读:
    django通用视图(类方法)
    学期总结
    计算机网络复习
    面试总结二
    电话面试总结
    Linux用户管理-中
    Linux之用户管理--初级上
    web聊天室总结
    聊一聊JQ中delegate事件委托的好处
    git的使用[转]
  • 原文地址:https://www.cnblogs.com/oldphper/p/4065277.html
Copyright © 2011-2022 走看看