• 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"]). 
     

    
    
  • 相关阅读:
    js 自定义属性
    js innerText、textContent、innerHTML的区别和各自用法
    js 的常用选择器
    js Array属性和用法
    js---String对象
    iframe自适应高度js
    thinkphp 的save()不能更新数据解决办法
    转义字符
    获取客户端真实ip
    thinkphp条件查询和模糊查询的一些方法
  • 原文地址:https://www.cnblogs.com/pogusanqian/p/12464311.html
Copyright © 2020-2023  润新知