zoukankan      html  css  js  c++  java
  • 解决checkbox的attr(checked)一直为undefined问题

    用JQuery把复选框checkbox更改为选中状态,但选中后再弹出选中状态,alert($("#checkbox_all").attr("checked")); 

    结果一直是 undefined !!

    原来,在jquery1.6版本便对此做出了修改: 

    【checked属性在页面初始化的时候已经初始化好了,不会随着状态的改变而改变。

    也就是说如果checkbox在页面加载完毕是选中的,那么返回的永远都是checked(我的一开始就是没选中)

    如果一开始没被选中,则返回的永远是undefined !】

    既然jquery对此做出了修改,那肯定也就是有相应的更好的解决方法:

    .prop()便是解决这个问题的利器!

    具体用法如下:

    alert($("#checkbox_all").prop("checked")); 

    此时就会变成true或者false啦~~

    于是乎,代码就改成了如下:

    #check_all 为全选的总checkbox,#check_children为子checkbox 

    $("#check_all").change(function(){ 
        $('.check_children').prop("checked",this.checked); 
    }); 

    或者:

    $("#check_all").change(function(){ 
        var is_checked = $(this).prop("checked"); 
        $('.check_children').prop("checked",is_checked); 
    }); 

    当然,推荐第一种方法,代码越少越好嘛~

  • 相关阅读:
    mysql的数据类型和字段属性
    随便弄个名字 以后改
    drupal 不错的网址
    iwebshop 模板手册
    1.nginx 防注入
    DenyHosts 安装及配置详解
    drupal8 管理入门
    1.php代码块
    Drupal Nginx伪静态设置方法
    Nginx优化(十七)
  • 原文地址:https://www.cnblogs.com/sakura-panda/p/5807259.html
Copyright © 2011-2022 走看看