Question

我有以下内容：

<input type="radio" name="zec" onchange="calc1();calc2();calc3()" value="0" checked>0
<input type="radio" name="zec" onchange="calc1();calc2();calc3()" value="1">1
<input type="radio" name="zec" onchange="calc1();calc2();calc3()" value="2">2
etc...

有没有办法为无线电类型name =“zec”写一次onchange事件？如果有更优雅的解决方案，我都是眼睛。

Answer 1

你可以这样做。

var elem= document.getElementsByName('checkThing');

Array.prototype.forEach.call(elem, function(e){

     e.addEventListener("change", function() { 
         calc1();
         calc2();
         calc3(); 
     });

});

Answer 2

您可以使用jQuery，如下所示：

$('input[name=zec]').change(function () {
    calc1();
    calc2();
    calc3();
});

您可以将其放在<script></script>标记之前的</body>标记中。

onChange用于多输入类型的无线电

2 个答案: