2013-03-18 67 views
0

試圖在單擊另一個時清除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> 
+0

單擊其中一個複選框會發生什麼? – DevelopmentIsMyPassion 2013-03-18 16:49:23

+0

當我點擊一個複選框時,它會在框中打勾。如果你點擊每一個,它將把所有的支票都放進去,而不需要去掉其他方框中的支票 – user2183255 2013-03-18 16:52:10

+0

,所以一次只檢查1個複選框?如果是這種情況,你爲什麼不使用單選按鈕 – DevelopmentIsMyPassion 2013-03-18 17:03:46

回答

0

你想嘗試下面的東西嗎?

<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

相關問題