2013-12-15 40 views
1

我想實現一個簡單的任務,但它似乎並沒有工作,也許我應該嘗試diff方法。複選框禁用啓用相反操作

如果再一個箱檢查了其他未被選中可見反之亦然

無論出於何種原因

HTML

<input type="checkbox" name="vehicle" value="Bike" id="boxone">checkbox one<br> 
<input type="checkbox" name="vehicle" value="Car" id="boxTwo">CheckBox two <br> 

JAVASCRIPT

$("#boxone").click(function(){ 
    if ($(this).prop("checked")) 
    { 
     $("#boxTwo").prop("checked",false); 
    } 
}); 

$("#boxTwo").click(function(){ 
    if ($(this).prop("checked")) 
    { 
     $("#boxone").prop("checked",false); 
    } 
}); 
+1

這不是收音機盒的用途嗎? – Barmar

+0

@Barmar除非互斥性是可選的...... –

+0

你的代碼對我有用:http://jsfiddle.net/barmar/JXL25/你記得把它放在文檔準備好處理程序中嗎? – Barmar

回答

0

嘗試只是這

這並不工作
$("#boxone").click(function(){ 
     $("#boxTwo").prop("checked",false); 
}); 

$("#boxTwo").click(function(){ 
     $("#boxone").prop("checked",false); 
}); 

並嘗試使用不同的名稱

+0

似乎沒有做任何事情 – user2859027

+1

@ user2859027你是否記得把它放在文檔準備好處理程序? – Barmar

+1

功能上的錯字名稱沒有幫助,現在。 – user2859027