我正在检查收音机。以下两项工作：
[编辑]
$('selector').attr('checked','checked');
$('selector').attr('checked',true);
以下代码中的两个alert()分别显示“1”和“a”。我的预期是第二个提醒()显示“b”。
Opera在其浏览器中检查第二个无线电框，但其元素检查器蜻蜓则显示DOM未更改。
[结束编辑]
在我发布这个问题之前，我已经阅读了常见问题：
帮助将非常感谢！
TIA
<!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>
解决方法
使用jQuery，永远不要使用内联onclick javascript。保持它不引人注意这样做，并完全删除onclick。
另外，请注意在最后一行使用：选中的伪选择器。原因是因为一旦加载页面，表单元素的HTML和实际状态可能会不同。打开Web检查器，您可以单击其他单选按钮，HTML仍将显示第一个单选按钮。这样：检查的选择器代替过滤实际检查的元素，而不管html是什么启动的。
$('button').click(function() {
alert($('input[name="myname"][value="b"]').length);
$('input[name="myname"][value="b"]').attr('checked',true);
alert($('input[name="myname"]:checked').val());
});
