html - 选项更改时，单选按钮“Checked=checked”未更改

Question

我创建了一个基本的 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/

Answer 1

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

请参阅此示例代码。单击第二个单选按钮，然后单击重置。然后再次单击第二个单选按钮，然后单击 Switch，然后单击 Reset。

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