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. 

  • 相关阅读:
    C++中智能指针的设计和使用
    [转]C++ 智能指针详解
    C++ const 常量和常指针
    深入理解C++中的mutable关键字
    C++ 静态常量
    BZOJ 1875: [SDOI2009]HH去散步
    BZOJ 1024: [SCOI2009]生日快乐
    BZOJ 1059: [ZJOI2007]矩阵游戏
    bzoj 1833: [ZJOI2010]count 数字计数
    LUOGU P2587 [ZJOI2008]泡泡堂
  • 原文地址:https://www.cnblogs.com/chenyongsai/p/6038221.html
Copyright © 2011-2022 走看看