Javascript:取消选中一个复选框时取消选中其他复选框

时间:2016-01-07 16:40:56

标签: javascript checkbox

我知道它有点重复,我试图以不同的方式做到这一点,从而重新发布这个问题。

我想要实现的是,当有人“取消检查”OSPF复选框时,被动接口检查也应该自动获得“未经检查”。我正在尝试调试为什么UnChecked不起作用,但没有运气。以下是我的代码。

{{1}}

如果有人检查被动接口复选框,我也想要...应该检查OSPF并且这部分代码工作正常。只有“取消检查”不起作用。

提前致谢

4 个答案:

答案 0 :(得分:2)

属性unchecked不存在。因此,请使用check checked:)

OSPF <input type="checkbox" name="ospfen" id="ospfen_1" onchange="if(!this.checked){document.getElementById('ospfpassive_1').checked=false;}">

Passive Interface <input type="checkbox" name="ospfpassive" id="ospfpassive_1" onchange="if(this.checked){document.getElementById('ospfen_1').checked=true;}"> <br />

这是一个有效的例子:

https://jsfiddle.net/0mn3mprv/

答案 1 :(得分:1)

没有&#39;未经检查&#39;属性。

使用:

!this.checked

代替。

答案 2 :(得分:0)

这可能是一种更容易接近的方式

onclick =“document.getElementById('ospfpassive_1')。checked =!this.checked;”

这样,另一个复选框的checked属性总是相反的

答案 3 :(得分:0)

复选框没有名为unchecked的属性。您必须验证名为checked的属性的值。

OSPF 
<input type="checkbox" name="ospfen" id="ospfen_1" onclick="if(!this.checked){document.getElementById('ospfpassive_1').checked=false;}">

&nbsp; 

Passive Interface
<input type="checkbox" name="ospfpassive" id="ospfpassive_1" onclick="if(this.checked){document.getElementById('ospfen_1').checked=true;}"> <br />