单选按钮上的 Onchange 在 ie7/8 中不起作用 [重复]

Question

我的单选按钮很少。单击任何单选按钮时都会调用不同的函数。如果已经选中单选按钮，我不想调用该函数。为此，我在无线电元素上使用了“onchange”属性。但问题是它在ie7中不起作用。它在失去焦点时起作用。是否有任何替代或解决方案。我也不能使用 jquery。

<input type="radio" onchange="test1()"/>A
<input type="radio" onchange="test2()"/>B
<input type="radio" onchange="test3()"/>C
<input type="radio" onchange="test4()"/>D

Answer 1

试试这个，在控制台检查输出（F12）， 您可以将所有功能添加到此代码中

 <form name="myForm">
      <input type="radio" name="myRadios"  value="1" />
      <input type="radio" name="myRadios"  value="2" />
      <input type="radio" name="myRadios"  value="3" />
 </form>
 <script>
      var rad = document.myForm.myRadios;
      var prev = null;
      for(var i = 0; i < rad.length; i++) {
           rad[i].onclick = function() {
                (prev)? console.log('previous - ' + prev.value):null;
                   if(this !== prev) {
                        prev = this;
                   }
                console.log('current - ' + this.value)
           };
      }
 </script>

Answer 2

将其更改为 onclick 事件，它应该可以按您的意愿工作。