title: OnChange event handler for radio button (INPUT type="radio") doesn't work as one value
body: <p>I'm looking for a generalized solution for this.</p>
  <p>Consider 2 radio type inputs with the same name. When submitted, the one that is checked determines the value that gets sent with the form:</p>
  <pre><code>&lt;input type=&quot;radio&quot; name=&quot;myRadios&quot; onchange=&quot;handleChange1();&quot; value=&quot;1&quot; /&gt;
  &lt;input type=&quot;radio&quot; name=&quot;myRadios&quot; onchange=&quot;handleChange2();&quot; value=&quot;2&quot; /&gt;
  </code></pre>
  <p>The change event does not fire when a radio button is de-selected. So if the radio with <code>value=&quot;1&quot;</code> is already selected and the user selects the second, <code>handleChange1()</code> does not run. This presents a problem (for me anyway) in that there is no event where I can catch this de-selection.</p>
  <p>What I would like is a workaround for the <code>onChange</code> event for the checkbox group value or alternatively, an <code>onCheck</code> event that detects not only when a radio button is checked but also when it is unchecked.</p>
  <p>I'm sure some of you have run into this problem before. What are some workarounds (or ideally what is the right way to handle this)? I just want to catch the change event, access the previously checked radio as well as the newly checked radio.</p>
  <p>P.S.<br />
  <code>onClick</code> seems like a better (cross-browser) event to indicate when a radio button is checked but it still does not solve the unchecked problem.</p>
  <p>I suppose it makes sense why <code>onChange</code> for a checkbox type does work in a case like this since it changes the value that it submits when you check or un-check it. I wish the radio buttons behaved more like a SELECT element's <code>onChange</code> but what can you do...</p>