`

jquery.attr更改input元素checked状态

 
阅读更多
$("#choice").bind("change",function(){
        $("input[type='checkbox']").attr("checked", $("#choice").attr("checked"));
});

   使用上述代码最全选/取消全选时发现,$("#choice").attr("checked")报告undefined,于是将控制元素设置上属性checked,这是发现无论如何,$("#choice").attr("checked")的值都为true。于是查阅http://api.jquery.com/attr/发现其中有如下描述:

As of jQuery 1.6, the .attr() method returns undefined for attributes that have
 not been set. To retrieve and change DOM properties such as the checked, 
selected, or disabled state of form elements, use the .prop() method.

   于是调整代码如下:

$("#choice").bind("change",function(){
        $("input[type='checkbox']").prop("checked", $("#choice").prop("checked"));
});

   在firefox、opera、safari、chrome、IE7-9中测试通过。

 

分享到:
评论

相关推荐

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

    假设我们现在需要这样的场景:页面上有一个checkbox,我们期望通过Jquery来获得它是否选中,或者通过Jquery来让它被选中。 在JQ1.6之前的版本,我们会这样写我们的代码: 代码如下: <input type=’checkbox’ id=...

    jquery attr方法获取input的checked属性问题

    问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,...

    jQuery 更改checkbox的状态,无效的解决方法

    $(#tb).find(input[type='checkbox']).attr(checked,checked); but!第一次点击全选按钮input显示对勾,第二次就不行了,查了下有建议用prop的,亲测有效。那两者有啥区别呢? jQuery函数attr()和prop()的区别: 1、...

    jquery1.6.2(api+源码)

    例如,考虑一个DOM元素的HTML标记中定义的<input type="checkbox" checked="checked" /> ,并假设它是一个JavaScript变量命名的elem : elem.checked true (Boolean) $(elem).prop("checked") true (Boolean) ...

    jQuery获取选中内容及设置元素属性的方法

    获取选中select : ...$("input[name=sex][value="+data.sex+"]").attr("checked",true); 获取radio: $("input[name='sex']:checked").val() 设置input不能编辑: $("#cashNum").attr("disabled","disabled");

    图形jquery.gvChart-1.0.1.min.js

    $field.attr("checked", "checked"); } } else { $field.attr("value", $field.val()); } }); copy.find("select").each(function () { var $field = $(this); $field.find(":selected").attr("selected", ...

    jQuery获取多种input值的简单实现方法

    if($(“input[name=item][value=’val’]”).attr(‘checked’)==true) //判断是否已经打勾 –注:name即控件name属性,value即控件value属性 第二种: 可以不指定属性值,因一组checkbox的value值都会保存其在数据库...

    jQuery 1.4.1 中文参考

    3.9.3 :checked 61 3.9.4 :selected 61 4. 属性 62 4.1 属性 62 4.1.1 attr(name) 62 4.1.2 attr(properties) 62 4.1.3 attr(key, value) 63 4.1.4 attr(key, function(index, attr)) 63 4.1.5 removeAttr(name) 64 ...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    jQuery控制iFrame(实例代码)

    用jQuery在IFRAME里取得父窗口的某个元素的值只好用DOM方法与jquery方法结合的方式实现了 1.在父窗口中操作 选中IFRAME中的所有单选钮$(window.frames[“iframe1”].document).find(”input[@type=’radio’]“)....

    jquery 淘宝地址管理

    $("#similar input[type='radio']").attr("checked",false); $('#similar p').find('span').html(''); /***当前的样式**/ $(this).addClass('selected').removeClass('common'); $(this).find('span').html('寄...

    jquery无法设置checkbox选中即没有变成选中状态

    代码如下: $(“input”).attr(“checked”,”checked”) 设置以后checkbox并没有变成选中状态,用chrome调试看了一下,checkbox中确实有checked属性,而且,值为checked,但是页面显示仍然为未选中状态 代码如下: $...

    关于jQuery中.attr()和.prop()的问题探讨

    input type=”radio” id=”hRdMale” checked=”checked” name=”sex” value=”male” />”hRdMale”>男</label> <input type=”radio” id=”hRdFemale” name=”sex” value=”female” /><lab

    jQuery完全实例.rar

    $("<input>").attr("type", "checkbox"); // 在 IE 中有效: $("<input type='checkbox'>"); jQuery(elements)jQuery(elements) 将一个或多个DOM元素转化为jQuery对象。 这个函数也可以接收XML文档和Window对象(虽然...

    jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法

    主要介绍了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法,通过使用prop方法代替attr方法来解决此问题,需要的朋友可以参考下

    浅析jquery与checkbox的checked属性的问题

    2、checkbox里的onchange或onclick方法里用jquery的attr方法获取checked是看得到的checked属性的值与它是否给钩上没有关系 3、使用document.getElementById(“checkbox_id”).checked获取的值与是否钩上一至,即与...

    jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法

    本文实例讲述了jQuery中checkbox反复调用attr(‘checked’, true/false)只有第一次生效的解决方法。分享给大家供大家参考,具体如下: 先看如下代码: /** * 全选 */ function checkAll() { $(input[name=ids])...

    jQuery详细教程

    下面的例子把所有 p 元素的背景颜色更改为红色: 实例 $("p").css("background-color","red"); 更多的选择器实例 语法 描述 $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class="intro" 的 <p> ...

Global site tag (gtag.js) - Google Analytics