Html IE9，单选按钮在选择另一个单选按钮后保持选中状态

我在三个单独的分区中有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中，当单击另一个时，第一个将保持选中状态！哇

---

我该怎么做才能使它正常工作呢？

它对我来说很好。。但如果这是一个兼容性问题。尝试使用JavaScript清除其他项

试试这个：

---

在给定标记周围的其他一些html中存在输入错误。我了解到IE处理无效标记的方式似乎与其他浏览器有点不同，它要么复制一个节，要么隐藏一个节。因为在这种情况下，这两个问题都没有发生，所以错误html中的标记行为不正确。

我们在IE 9.0.8112 64位上也有同样的问题，但原因不同。我们忘了指定一个名称来将输入关联在一起。有趣的是，这在其他浏览器上都有效，因为我们使用AngularJS的ng Check设置单选按钮状态（甚至是IE 9的非64位版本）。

您发布的代码绝对没有问题，就像在IE9中运行时一样。您的页面中必须有其他内容导致此问题。也许你有事件处理程序，或者其他类型的javascript/jquery有效果？我用IE9试过你的代码，效果很好。谢谢我来看看事件处理程序