当点击另一个时，选择/取消选中框

试图在单击另一个时清除2个复选框。我已经搜索了这个答案，并尝试使用示例中的信息，但由于某种原因我没有尝试工作。这是我目前使用的代码。当点击另一个时，选择/取消选中框

function control() 
{ 
/*var one = document.getElementById('one'); 
var two = document.getElementById('two'); 
var three = document.getElementById('three');*/ 

if(document.forms[0].one.checked == true) 
{ 
    document.forms[0].two.checked == false; 
    document.forms[0].three.checked == false; 
} 

if(document.forms[0].two.checked == true) 
{ 
    document.forms[0].three.checked == false; 
    document.forms[0].one.checked == false; 
} 

if(document.forms[0].three.checked == true) 
{ 
    document.forms[0].one.checked == false; 
    docuemnt.forms[0].two.checked == false; 
} 
} 
</SCRIPT> 
</head> 
<body> 
<form action="" method="POST" name="getArea"> 
<input type="checkbox" onClick="control()" name="one">Standard Shipping<br /> 
<input type="checkbox" onClick="control()" name="two">Overnight Shipping<br /> 
<input type="checkbox" onClick="control()" name="three">Priority Shipping<br /> 
</form> 
</body> 
</html>

来源

2013-03-18 user2183255

单击其中一个复选框会发生什么？ – DevelopmentIsMyPassion 2013-03-18 16:49:23

当我点击一个复选框时，它会在框中打勾。如果你点击每一个，它将把所有的支票都放进去，而不需要去掉其他方框中的支票 – user2183255 2013-03-18 16:52:10

，所以一次只检查1个复选框？如果是这种情况，你为什么不使用单选按钮 – DevelopmentIsMyPassion 2013-03-18 17:03:46

你想尝试下面的东西吗？

<html> 
<head> 
<script type="text/javascript"> 

function control(idSelected) 
{ 
/*var one = document.getElementById('one'); 
var two = document.getElementById('two'); 
var three = document.getElementById('three');*/ 

if(idSelected==1) 
{ 
    document.forms[0].two.checked = false; 
    document.forms[0].three.checked = false; 
} 

if(idSelected==2) 
{ 
    document.forms[0].three.checked = false; 
    document.forms[0].one.checked = false; 
} 

if(idSelected==3) 
{ 
    document.forms[0].one.checked = false; 
    docuemnt.forms[0].two.checked = false; 
} 
} 
</SCRIPT> 
</head> 
<body> 
<form action="" method="POST" name="getArea"> 
<input type="checkbox" onClick="control(1)" name="one">Standard Shipping<br /> 
<input type="checkbox" onClick="control(2)" name="two">Overnight Shipping<br /> 
<input type="checkbox" onClick="control(3)" name="three">Priority Shipping<br /> 
</form> 
</body> 
</html>

来源

2013-03-18 17:11:57

是的，就这样发布了。我搞砸了分配操作员。谢谢。 – user2183255 2013-03-18 17:13:39

如果第一个复选框被选中，您甚至可能需要考虑代码中的条件，它将保持选中状态......是否符合要求？ – 2013-03-18 17:28:43

当点击另一个时，选择/取消选中框

回答

相关问题