禁用除選定的複選框外的所有設備

Question

我必須禁用並啓用三個複選框。 如果用戶點擊一個其他的將被禁用

<input type="checkbox" class="rambo" value='1' /> 45 
<input type="checkbox" class="rambo" value='2' /> 56 
<input type="checkbox" class="rambo" value='3' /> 56 

，所以我需要一個函數，讓我這個通過jQuery

感謝您的意見

Answer 1

對於這種功能，您應該查看使用radio buttons。與複選框相比，這些最適合用於互斥選項。

但是，如果你需要使用複選框，可以使用下列內容：

$(function(){ 
    $(".rambo").change(function(){ 
     $(this).siblings().attr("disabled", $(this).is(":checked")); 
    }); 
});​ 

http://jsfiddle.net/Curt/qGbtQ/1/

---

，這裏是一個解決方案，將取消所有，但選擇（如單選按鈕）

​$(function(){ 
    $(".rambo").change(function(){ 
     $(this).siblings().attr("checked", false); 
    }); 
});​ 

http://jsfiddle.net/Curt/qGbtQ/

Answer 2

你可以試試：

$('.rambo').click(function() { 
    if ($(this).attr('checked')) { 
     $(this).siblings().attr('disabled','disabled'); 
    } else { 
     $(this).siblings().removeAttr('disabled'); 
    } 
}​​);​ 

正如你所看到的this jsfiddle

Answer 3

試試這個：

$(".rambo").change(function() { 
    var $el = $(this); 
    if ($el.is(":checked")) { 
     $el.siblings().prop("disabled",true); 
    } 
    else { 
     $el.siblings().prop("disabled",false); 
    } 
}); 

Example fiddle