.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()); };
使用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()); });
$('.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
(“已检查”,“已检查”)同样适用