zoukankan      html  css  js  c++  java
  • 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();
    });
  • 相关阅读:
    Use Study Groups to Support Learning
    “开闭”原则(OpenClosed principle, OCP)
    我的E72i 开发
    conlution of daily work
    appstore相关查询链接
    sqlite3.0不支持的sql属性
    iOS sdk 运行时函数
    自动化测试部分
    ios下获取mac地址修正版
    修改mac os host
  • 原文地址:https://www.cnblogs.com/thinksasa/p/3582667.html
Copyright © 2011-2022 走看看