Home/ Questions/Q 8780363
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T20:01:25+00:00

I have 3 radio button inputs in three separate divs: <div class=box1> <input type=radio

  • 0

I have 3 radio button inputs in three separate divs:

<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>

on page load, the first one is default selected. and in IE9, when another is clicked, the first one stays selected! whoa.

what can I do to make it behave properly?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There was a typo in some other html surrounding the given markup. I’ve learned that IE seems to handle the situations of invalid markup a bit differently that other browsers in that it either duplicates a section, or will hide a section. Since in this case neither of those issues occurred, the markup within incorrect html has misbehaved.

    • 0