zoukankan      html  css  js  c++  java
  • jQuery给CheckBox全选与不全选

    $(function(){
      $("#checkAll").click(function() {//全选
        $('input[name="DATA"]').prop("checked",this.checked);
      }); 

      $("input[name='DATA']").each(function(){//判断全选是否会选中
        $(this).bind('click',function(){
          selectAll();
        })
      })

    });

    function selectAll(){
      var allLength=$("input[name='DATA']").length; //所有的checkbox的长度
      var selectedLength=$("input[name='DATA']:checked").length;//所有的选中的checkbox的长度
      if(selectedLength == allLength){
        $('#checkAll').prop("checked",true);//全选按钮选中
      }else{
        $('#checkAll').prop("checked",false);//全选按钮不选中
      }
    }

  • 相关阅读:
    9.8
    9.6
    9.5
    树状数组
    逆序对
    tab标签切换(无炫效果,简单的显示隐藏)
    JQuery 的选择器
    简单的JQuery top返回顶部
    Hello Word!
    java Data 计算自己活了多少天
  • 原文地址:https://www.cnblogs.com/tangan/p/6484975.html
Copyright © 2011-2022 走看看