用Jquery实现checkbox的 全选、全不选、反选

当我们在用JS来实现web端操作的时候,多选框的全选、全不选和反选是最常用的功能,尤其是当数据量大的时候就需要这样的批量操作来给用户带来方便、快捷的服务了。

       下面我们就来用JQuery实现checkbox多选框的全选、全不选、反选的功能:

        假设有4个checkbox多选框,他们包含在一个id=“chk”的div中,而全选、全不选、反选的button按钮所在标签的id分别为btnAllChk、btnAllNotChk、btnInvert。

    $(function () { 

  1.     //全不选 
         $("#btnAllNotChk").click(function () { 
           
    $("#chk input:checkbox").removeAttr("checked");  
         });  
        //全选  
         $("#btnAllChk").click(function () {  
            $("#chk input:checkbox").attr("checked", "checked"); 
         });    
         //反选 
          $("#btnInvert").click(function () {  
            //1.方法一实现反选   
              $("#chk input:checkbox").each(function () { 
                this.checked = !this.checked;  
             });

  1. });

    JQuery
     $('#isHangLedgerY').attr("checked",true);  //选中状态

     $('#isHangLedgerY').attr("checked",false);//未选中状态

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值