Question

我正在尝试检查收音机。以下都不起作用：

[编辑]

$('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页面和代码如下：

<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Weird Behavior</title>
<script type="text/javascript" src="scripts/jquery.js"/>
<script type="text/javascript">
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());
};
</script>
</head>
<body>
    <form action="">
        <fieldset>
            <legend>Why check is not switched?</legend>
            <input type="radio" name="myname" value="a" id="a" checked="checked"/>A
            <input type="radio" name="myname" value="b" id="b"/>B
        </fieldset>
    </form>
    <p>
    <button type="button" onclick="clickme()">click me</button>
    </p>
</body>
</html>

Answer 1

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

将not work with from jQuery 1.6。

改为使用

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

Answer 2

使用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/

Answer 3

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

...与jquery1.9.1完美配合

Answer 4

为什么不尝试 IS ？

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

查看常见问题解答： jQuery .is() 吩咐我们; - ）

Answer 5

我认为你不能打电话

$.attr('checked',true);

因为首先没有元素选择器。 $必须后跟$（'selector_name'）。好运！

Answer 6

它有效，但

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

将返回带有属性checked的第一个元素的值。 a单选按钮仍具有此属性（它位于b按钮之前）。选择b不会从checked移除 a属性。

您可以使用jQuery的:checked：

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

DEMO

补充说明：

使用$('b').attr('checked',true);就足够了。
正如其他人提到的，不要使用内联事件处理程序，使用jQuery添加事件处理程序。

Answer 7

$("input:radio").attr("checked",true); //for all radio inputs

或

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

同样适用于（“已检查”，“已检查”）

.attr（'checked'，'checked'）不起作用

7 个答案: