zoukankan      html  css  js  c++  java
  • 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"]). 
     

    
    
  • 相关阅读:
    数据结构排序算法之堆排序
    整数划分
    二叉树的递归与非递归
    螺旋数组
    【图的DFS】图的DFS非递归算法
    Docker实战部署应用——Tomcat
    Docker实战部署应用——Redis
    Docker实战部署应用——MySQL5.7
    Docker其他操作:查看内部细节、IP、删除容器
    Docker数据目录相关操作
  • 原文地址:https://www.cnblogs.com/pogusanqian/p/12464311.html
Copyright © 2011-2022 走看看