• Jquery attr("checked") 返回checked或undefined 获取选中失效


      $('#cb').attr('checked'); 返回的是checked或者是undefined,不是原来的true和false了,有关此问题的解决方法如下:

    <input type='checkbox' id='cb' />
    <script>
        //获取是否选中 
        var isChecked = $('#cb').attr('checked');
    
        //设置选中 
        $('#cb').attr('checked', true);
    </script>

      这样写在JQ1.6之前完全没问题,可是当我们升级JQ1.6到更高的版本时,问题就来了,此时我们会发现:
    $('#cb').attr('checked'); 返回的是checked或者是undefined,不是原来的true和false了。
    并且checked属性在页面初始化的时候已经初始化好了,不会随着状态的改变而改变。所以如果checkbox一开始是选中的,那么返回的是checked,如果一开始没被选中,则返回的是undefined。

    <input type='checkbox' id='cb' />
    <script>
        //获取是否选中 
        var isChecked = $('#cb').prop('checked');
        //
        var isChecked = $('#cb').is(":checked");
        //设置选中 
        $('#cb').prop('checked', true);
    </script>

      分析了其中的原因,可以这样理解:
    它将“属性”与“特性”做了区别,属性指的是“name,id”等等,特性指的是“selectedIndex, tagName, nodeName”等等。
    JQ1.6之后,可以通过attr方法去获得属性,通过prop方法去获得特性。

    $("#cb").attr("tagName"); //undefined 
    $("#cb").prop("tagName"); //INPUT 

         同时也可以用document.getElementById(id).checked 来获取  返回 true | false 。

       或者(可以获取到被选中的项的值):

    $("input[name='invitees[]']:checked").each(function() {             
        text += ","+$(this).val();
    });
  • 相关阅读:
    Software Architecture软件架构(方法、模式与框架)纵横谈
    SOLID: OOP的五大原则(译)
    《第一行代码》14章cool weather酷欧天气 网络请求相关问题
    前后端数据交互利器--Protobuf
    树状数组基础
    endless 如何实现不停机重启 Go 程序?
    fasthttp:比net/http快十倍的Go框架(server 篇)
    Mysql MVCC机制
    Docker构建mysql主从
    浅析b站2021/7/13日晚服务崩溃问题
  • 原文地址:https://www.cnblogs.com/thinksasa/p/3582667.html
Copyright © 2020-2023  润新知