zoukankan      html  css  js  c++  java
  • jquery checkbox 全选反选代码只能执行一遍,第二次就失败

    遇到问题背景:

    在写到购物车的全选交互的时候,商品选中的状态只有在第一次的时候可以,第二次就无法选中;(代码如下)

    $(".chooseall").click(function(){
        if($(".chooseall").attr("checked") == true){
            $("input[name='checkbox1']").attr("checked", false);
            console.log(1);
        }else{
            $("input[name='checkbox1']").attr("checked", false);
            console.log(2);
        }
    });

    解决方案:

    将上述代码中的attr换成prop

    $(".chooseall").click(function(){
        if($(".chooseall").prop("checked") == true){
            $("input[name='checkbox1']").prop("checked", false);
            console.log(1);
        }else{
            $("input[name='checkbox1']").prop("checked", false);
            console.log(2);
        }
    });

    问题出现的原因(jQuery中attr和prop的区别):

    prop读取属性值:读取已赋值的固有属性会得到属性值,读取未赋值的固有属性会得到属性默认值,读取自定义属性时无论是否赋值均得到undefine。 
    prop设置属性值:prop只能设置固有属性值。 
    attr读取属性值:无论是固有属性还是自定义属性,attr只能读取元素中已有的属性值,读取元素中没有的属性值会返回undefine。 
    attr设置属性值:attr可以对任意属性设置属性值。

    详细解释:http://blog.csdn.net/xiaouncle/article/details/53959496

    write by:tuantuan

  • 相关阅读:
    质因数分解
    P1939 【模板】矩阵加速(数列)
    UVALive
    Python操作MySQL:pymysql模块
    Mysql数据库基础
    Redis管道和发布订阅
    Redis常用操作
    Redis操作集合,有序集合
    Redis操作list
    Redis操作hash
  • 原文地址:https://www.cnblogs.com/widgetbox/p/8296725.html
Copyright © 2011-2022 走看看