• 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();
    });
  • 相关阅读:
    UEditor用法
    String,StringBuffer与StringBuilder差异??
    TsFltMgr.sys其原因是,该系统蓝屏QQ计算机管理器!
    Linux编程实现守护进程
    开机黑屏 只显示鼠标 电脑黑屏 有只老鼠 举 [我们已经成功地解决了]
    页面背景图像的代码
    动态规划01背包问题
    关键部分CCriticalSection使用
    编程:获取股票实时行情数据大全
    iphone开发教程下载
  • 原文地址:https://www.cnblogs.com/thinksasa/p/3582667.html
Copyright © 2020-2023  润新知