017_jQuary全选按钮

      //给"全选"按钮添加单击事件
              $("#chd_all").click(function () {
                 /*
                     获取"全选"按钮的checked属性值,prop相当于我们的attr(),是专门用来获取便签属性的值的。
                     <tBody>是我们的表体标签,和表头标签<thead>相对应
                      $("#tBody"):表示获取tBody标签父标签
                      $("#tBody input"):表示获取所有父标签中所有的input子标签
                      $("#tBody input[type='checkbox']"):获取所有type属性为checkbox的所有子标签
                      prop("checked”):获取checked的属性值
                      prop("checked",true):将checked的属性值设置为true
                   */
                  var chd = $(this).prop("checked");
                  $("#tBody input[type='checkbox']").prop("checked",chd);
             });
  //给列表中所有的checkbox添加单击事件,这个是给所有的checkbox添加单选框,不是只给checkbox添加的单选框
  $("#tBody input[type='checkbox']").click(function () {
     //获取列表中所有checkbox
     if($("#tBody input[type='checkbox']").size()==$("#tBody input[type='checkbox']:checked").size()){
        $("#chd_all").prop("checked",true);
     }else{
        $("#chd_all").prop("checked",false);
     }
  });

//当我们的checkbox是从js代码中添加过去的时候,$("#id").click()是添加不上数据的
//动态绑定
$("#body").on("click","input[type=checkbox"]). 
 


原文地址:https://www.cnblogs.com/pogusanqian/p/12464311.html