IE9，单选按钮保持选中状态

Question

我在三个独立的div中有3个单选按钮输入：

<div class="box1">
  <input type="radio" name="paymentOption" checked="checked" value="creditcard_on_file" />
  <!-- related subfields for that chosen option -->
</div>
<div class="box2">
  <input type="radio" name="paymentOption" value="newCard" />
  <!-- related subfields for that chosen option -->
</div>
<div class="box3">
  <input type="radio" name="paymentOption" value="check" />
  <!-- related subfields for that chosen option -->
</div>

在页面加载时，第一个默认选中。在 IE9 中，当点击另一个时，第一个保持选中状态！哇。

我该怎么做才能让它正常运作？

Answer 1

它适用于我..但如果它的兼容性问题。尝试使用JavaScript清除其他项目。

试试这个： How to reset radiobuttons in jQuery so that none is checked

Answer 2

在给定标记周围的其他一些HTML中有一个拼写错误。我已经了解到，IE似乎处理无效标记的情况与其他浏览器有点不同，因为它要么重复一个部分，要么隐藏一个部分。由于在这种情况下都没有发生这些问题，因此错误的html中的标记行为不端。

Answer 3

我们在IE 9.0.8112 64位上遇到了同样的问题，但出于不同的原因。我们忘记了分配名称以将输入关联在一起。有趣的是，这适用于所有其他浏览器，因为我们使用AngularJS的ng-checked来设置单选按钮状态（即使是非64位版本的IE 9）。