选项更改时，单选按钮“Checked=checked”未更改答案

【问题标题】：Radio Button "Checked=checked" not changing when option changed选项更改时，单选按钮“Checked=checked”未更改
【发布时间】：2013-07-24 01:34:00
【问题描述】：

我创建了一个基本的 2 单选按钮表单，如下面的示例所示。

观察浏览器渲染，我们看到第 1 项被选中。我们检查项目 1 和 2。

当我单击第 2 项时，我希望第 1 项的已选中=已选中被删除。我希望第 2 项收到属性checked=checked。

这不是预期的行为吗？

<div>
    <span>Item 1</span>
    <input type="radio" name="radio1" id="radio1" checked="checked" />
</div>

<div>
    <span>Item 2</span>
    <input type="radio" name="radio1" class="checkbox" id="radio2" />
</div>

http://jsfiddle.net/chrimbus/ZTE7R/1/

【问题讨论】：

@quentin 和其他人：您的回复很棒，这是否证实了 attribute “已检查”的预期行为不会自动更新 Javascript？
我可以通过使用伪选择器 :checked 应用样式来设置“选中”单选按钮和标签的样式。这适用于 IE9+、Chrome 和 Firefox。 jsfiddle.net/sXjyL/4
关于如何使用 jQuery 处理单选按钮的更明确的答案是：stackoverflow.com/questions/596351/…

标签： html css forms input checked

【解决方案1】：

checked属性指定默认选中的单选按钮，而不是当前选中的单选按钮。

见this example code。单击第二个单选按钮，然后单击重置。然后再次单击第二个单选按钮，然后单击 Switch，然后单击 Reset。

选中的属性将给出单选按钮的当前选中状态。

【讨论】：

正在等待 property 与 attribute 区别:)
@quentin 您的回复很棒，这是否证实了“已检查”属性的预期行为不会在不使用 Javascript 的情况下自动更新？
是的。页面加载后，只有 JavaScript 可以更改选中的属性。