Javascript 如何基于其他输入值显示和隐藏输入-无JQuery

我有一个表格，有两个数字输入（

betsHome

和

betsAway

）和两个无线电输入（

widgetHome

和

wigetAway

）。默认情况下，收音机输入是隐藏的。我希望它们在两个数字输入值相同时可见，只使用JavaScript

以下是我当前的脚本：

betHome.addEventListener('input', function (ev) {
    hideOrShowWidget(ev, betAway, widgetHome, widgetAway)
});
betAway.addEventListener('input', function (ev) {
    hideOrShowWidget(ev, betHome, widgetHome, widgetAway)
});

function hideOrShowWidget(event, other, widgetHome, widgetAway) {
if (event.value === other.value) {
    widgetHome.style.visibility = 'visible';
    widgetAway.style.visibility = 'visible';
} else {
    widgetHome.style.visibility = 'hidden';
    widgetAway.style.visibility = 'hidden';
}

但不知何故，它不起作用：控制台一直发送此警报类型错误：undefined不是对象（正在计算'other.value'）

---

你能帮我找出问题出在哪里吗？

你可以简单地选择每个输入框中包含的值，然后像你那样检查它们是否相等。如果是这样，您可以将适当的CSS属性应用于广播框

代码如下：

betHome.addEventListener（'input'，function（）{
hideOrShowWidget（）；
});
betAway.addEventListener（'input'，function（）{
hideOrShowWidget（）；
});
函数hideOrShowWidget（）{
让input1=document.querySelector（“#betHome”）.value
让input2=document.querySelector（“#betAway”）.value
如果（输入1==输入2）{
radio1.style.visibility='visible'；
radio2.style.visibility='visible'；
}否则{
radio1.style.visibility='hidden'；
radio2.style.visibility='隐藏'；
}
}

#radio1，#radio2{
可见性：隐藏；
}

贝索姆
中间人

---

请添加相关HTML并编辑您的问题，使代码位于“代码片段”中，以便我们可以运行它，就在您的问题中。这也使我们更容易为您提供有效的答案。