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();
    });
  • 相关阅读:
    ITMS-90809
    iOS ipa 优化减小安装大小
    Xcode 常用路径
    如何查看 Assets.car 内资源
    UILabel 实现圆角
    iOS 改变 UITextField 的 Placeholder 的字体与颜色
    ATS (App Transport Security)
    iOS semaphore 使用
    macOS 自定义 NSButton
    iOS开发——设计模式那点事
  • 原文地址:https://www.cnblogs.com/thinksasa/p/3582667.html
Copyright © 2011-2022 走看看