zoukankan      html  css  js  c++  java
  • checkbox全选/取消全选

    //checkbox全选/取消全选
    $(function() {
       $("#checkAll").click(function() {
           if(this.checked){
               $("input[name='cbxCommodity']").prop("checked","checked");
           }else{
               $("input[name='cbxCommodity']").removeAttr("checked");
           }
         });
          var $cbx = $("input[name='cbxCommodity']");
           $cbx.click(function(){
               var num = $cbx.length;//总的checkbox数量
               var num_checked = $("input[name='cbxCommodity']:checked").length;//选中的数量
               if(num == num_checked){
                   $("input[name='checkAll']").prop("checked","checked");
               }else{
                  $("input[name='checkAll']").removeAttr("checked");
               }
         });
    });
    checkAll 是全选按钮
    cbxCommodity 是单选的checkbox name
  • 相关阅读:
    HDU-5384
    UVALive 5099
    ZOJ-2753
    HUD-5379
    HDU-5360
    HDU-5351
    HDU-5335
    HDU-5317
    HDU-2487
    常用十六进制颜色对照表代码查询
  • 原文地址:https://www.cnblogs.com/SHMILYHP/p/6924420.html
Copyright © 2011-2022 走看看