Отключить все, кроме выбранного флажка.

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