输入单选按钮未按预期调用函数

Question

function call(a){
console.log("called by===>",a);
console.log("input one's checked value changed to ",document.getElementById('one').checked)
console.log("input two's checked value changed to",document.getElementById('two').checked)
}

<input type='radio' id='one' name='one' value='x' onchange=call("one")>
<input type='radio' id='two' name='one' value='y' onchange=call("two")>

我有两个单选按钮，当它们的值发生变化时，它们都会调用方法调用。当我点击任何单选按钮时，一个值将变为true或false，其他按钮的值变为相反值。因此，两个输入的值都被更改，但其检查值单独设置为true的输入正在调用函数...

我预计一旦单击按钮，该函数将被调用两次，因为在一个输入中检查值将被设置为true而在两个输入中的其他触发onchange中将被设置为false 在此先感谢，请帮助我。

Answer 1

每次输入触发onchange没有意义。

单选按钮只允许一个选择，因此您只需关心新选择的值。

如果您确实需要了解每个输入更改，您可能需要checkboxes而不是radio buttons。