0

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

我该怎么做才能使其正常运行？

4

3 回答 3

0

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

试试这个： 如何在 jQuery 中重置单选按钮，以便不检查

于 2012-10-25T17:46:29.317 回答
0

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

于 2012-10-25T18:04:01.650 回答
0

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

于 2013-06-28T16:21:46.053 回答