当点击另一个时,选择/取消选中框
问题描述:
试图在单击另一个时清除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>
答
你想尝试下面的东西吗?
<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>
+0
是的,就这样发布了。我搞砸了分配操作员。谢谢。 – user2183255 2013-03-18 17:13:39
+0
如果第一个复选框被选中,您甚至可能需要考虑代码中的条件,它将保持选中状态......是否符合要求? – 2013-03-18 17:28:43
单击其中一个复选框会发生什么? – DevelopmentIsMyPassion 2013-03-18 16:49:23
当我点击一个复选框时,它会在框中打勾。如果你点击每一个,它将把所有的支票都放进去,而不需要去掉其他方框中的支票 – user2183255 2013-03-18 16:52:10
,所以一次只检查1个复选框?如果是这种情况,你为什么不使用单选按钮 – DevelopmentIsMyPassion 2013-03-18 17:03:46