checkbox功能实现之全选、反选、取消-创新互联

实例代码如下:

创新互联公司 - 雅安服务器托管,四川服务器租用,成都服务器租用,四川网通托管,绵阳服务器托管,德阳服务器托管,遂宁服务器托管,绵阳服务器托管,四川云主机,成都云主机,西南云主机,雅安服务器托管,西南服务器托管,四川/成都大带宽,服务器机柜,四川老牌IDC服务商

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title></title>

</head>

<body>

  <input type="button"  value="全选" />

  <input type="button"  value="反选" />

  <input type="button"  value="取消" />

  <table border="1">

    <thead></thead>

    <tbody id="tb1">

      <tr>

        <td><input type="checkbox" /></td>

        <td>11</td>

      </tr>

       <tr>

        <td><input type="checkbox" /></td>

        <td>22</td>

      </tr>

      <tr>

        <td><input type="checkbox" /></td>

        <td>33</td>

      </tr>

    </tbody>

  </table>

  <script src="jquery-3.1.0.min.js" type="text/javascript"></script>

  <script type="text/javascript">

    function CheckAll(){

     //  $('#tb1').find(':checkbox').attr('checked','checked');

      $('#tb1').find(':checkbox').prop('checked',true);

      // attr和prop区别,attr是针对所有的标签属性进行设置,prop是check和radio复选框的专门属性设置

    }

    function CheckReverse(){

      //找,如果选中了,取消;未选中,则选中;

      $('#tb1').find(':checkbox').each(function(){

        //$(this) 每一个复选框

        //$(this).prop(),如果选中了,则用true,否则用false

        //attr如果选中;checked,checked=checked

        if($(this).prop('checked')){

          $(this).prop('checked',false);

        }else{

          $(this).prop('checked',true);

        }

      });

    }

    function CheckCancel(){

      // $('#tb1').find(':checkbox').removeAttr('checked');

      $('#tb1').find(':checkbox').prop('checked',false);

    }

  </script>

</body>

</html>

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。

文章名称:checkbox功能实现之全选、反选、取消-创新互联
网页网址:https://www.cdcxhl.com/article0/dpeeio.html

成都网站建设公司_创新互联,为您提供网站营销网站制作企业建站全网营销推广ChatGPT小程序开发

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

手机网站建设