zoukankan      html  css  js  c++  java
  • 进击的菜鸟问题1(设置checkbox全选)

    问题:设置页面标签属性时,常常使用jquery.attr("","");在设置checkbox属性时,会出现操作设置checkbox属性后,无法清除,导致第二次设置属性失效

    分析:

      在设置属性操作中,也可以使用prop方法获取其真实值,下面介绍这两种方法的区别: 

      1.通过prop方法获取checked属性,获取的checked返回值为boolean,选中为true,否则为flase 

    <input type="checkbox" class="checkbox" value="">
    <input type="checkbox" class="checkbox" value="">
    ...

    <input type="checkbox" id="selectAll" onclick="checkAll()">全选

    function checkAll(){
      if($('#selectAll').is(":checked")){//全选
        $('.checkbox').each(function(){
          $(this).prop("checked","checked");
        })
      }else{//取消全选
        $('.checkbox').each(function(){
          $(this).prop("checked","");
        })
      }
    }

      如果使用attr方法获取时,如果当前input中初始化未定义checked属性,则不管当前是否选中,$("#selectAll").attr("checked")都会返回undefined; 

      如果当前input中初始化已定义checked属性,则不管是否选中,$("#selectAll").attr("checked")都会返回checked. 

  • 相关阅读:
    oracle之修改/忘记用户密码
    linux 使用错误总结
    oracle数据库之用户管理
    linux命令使用总结
    linux各种压缩包的压缩和解压方法
    logback将日志写入不同文件夹里
    nginx下配置多个web服务
    OKHttp3学习
    linux 发送 post 请求
    maven 项目下 Maven Dependencies 下列表为空
  • 原文地址:https://www.cnblogs.com/chenyongsai/p/6038221.html
Copyright © 2011-2022 走看看