.attr(’checked’,’checked’)不起作用

我想检查收音机。 以下都不起作用:

[编辑]

$('selector').attr('checked','checked'); $('selector').attr('checked',true); 

以下代码中的两个alert()分别显示“1”和“a”。 我的期望是第二个警告()显示“b”。

Opera会检查其浏览器中的第二个单选框,但其元素检查器dragonfly显示DOM未更改。

[结束编辑]

在发布此问题之前,我已阅读过常见问题解答:

http://docs.jquery.com/Frequently_Asked_Questions#How_do_I_check.2Funcheck_a_checkbox_input_or_radio_button.3F

将非常感谢帮助!

TIA

xhtml页面和代码如下:

     Weird Behavior   function clickme(){ alert($('input[name="myname"][value="b"]').length); $('input[name="myname"][value="b"]').attr('checked','checked'); $('#b').attr('checked',true); alert($('input[name="myname"][checked]').val()); };    
Why check is not switched? A B

使用jQuery,永远不要使用内联onclick javascript。 保持不引人注目。 这样做,并完全删除onclick

另外,请注意在最后一行使用:checked伪选择器。 原因是因为一旦页面加载,表单元素的html和实际状态可能不同。 打开Web检查器,您可以单击其他单选按钮,HTML仍将显示第一个选中。 :checked器会替换实际检查的元素,无论html的起始位置如何。

 $('button').click(function() { alert($('input[name="myname"][value="b"]').length); $('input[name="myname"][value="b"]').attr('checked','checked'); $('#b').attr('checked',true); alert($('input[name="myname"]:checked').val()); }); 

http://jsfiddle.net/uL545/1/

  $('.checkbox').attr('checked',true); 

不适用于jQuery 1.6 。

而是使用

 $('.checkbox').prop('checked',true); $('.checkbox').prop('checked',false); 
 $('.checkbox').prop('checked',true); $('.checkbox').prop('checked',false); 

…与jquery1.9.1完美配合

为什么不试试IS

 $('selector').is(':checked') /* result true or false */ 

看一下FAQ: jQuery .is()嘱咐我们;-)

我认为你不能打电话

 $.attr('checked',true); 

因为首先没有元素选择器。 $必须后跟$(’selector_name’)。 祝好运!

它有效,但是

 $('input[name="myname"][checked]').val() 

将返回已checked属性的第一个元素的值。 单选按钮仍然具有此属性(它位于b按钮之前)。 选择b不会从a 删除 checked属性。

你可以使用jQuery :checked

 $('input[name="myname"]:checked').val() 

DEMO


附加说明:

  • 使用$('b').attr('checked',true); 足够。
  • 正如其他人提到的,不要使用内联事件处理程序,使用jQuery添加事件处理程序。
 $("input:radio").attr("checked",true); //for all radio inputs 

要么

 $("your id or class here").attr("checked",true); //for unique radios 

(“已检查”,“已检查”)同样适用