Два флажка отключены, а затем отмечены, если установлен другой флажок.

У меня есть три флажка и вы хотите, чтобы номера 2 и 3 были отключены до тех пор, пока не будет проверен номер один. Затем установите все флажки. Как это сделать.Два флажка отключены, а затем отмечены, если установлен другой флажок.

Я попытался с

if ($('{namespace}allowplussning').is(':checked')) { 

     $('{namespace}#show-exams-on-passed-courses').removeAttr("disabled"); 
    }

Тогда я хочу способ, чтобы сделать их проверки.

Но он не работает. Номер два и три не проверяются.

источник

2013-12-09 brbe24

это не ява – Blub

в порядке, но его JQuery – brbe24

Почему бы они получить проверку на удаление отключенного атрибута? – adeneo

Попробуйте ниже

HTML

<input type="checkbox" id="check1"/> 
<input type="checkbox" id="check2" disabled="true"/> 
<input type="checkbox" id="check3" disabled="disable"/>

$(function(){ 
    $("#check1").click(function(){ 
     if(this.checked){ 
      $("#check2").removeAttr("disabled").prop('checked', true);; 
      $("#check3").removeAttr("disabled").prop('checked', true);; 
     } 
     else{ 
      $("#check2").prop("disabled","true").prop('checked', false);; 
      $("#check3").prop("disabled","true").prop('checked', false);; 
     } 
    }); 
});

Demo

источник

2013-12-09 08:30:55 Amit

Это сработало для меня! – brbe24

Одна вещь, которая не работает, заключается в том, что если вы хотите сохранить состояние после снятия флажка, флажки по-прежнему отображаются. – brbe24

В соответствии с требованиями:

<input type="checkbox" name="vehicle" id='cb1' value="Bike" onclick='update()'>I have a bike<br> 
<input type="checkbox" name="vehicle" id='cb2' value="Cycle" disabled>I have a bike<br> 
<input type="checkbox" name="vehicle" id='cb3' value="Car" disabled>I have a car 
<script> 
    function update() { 
    if($('#cb1').is(':checked')) { 
     $("#cb2").prop("checked", true); 
     $("#cb3").prop("checked", true); 
     $("#cb2").attr("disabled", null); 
     $("#cb3").attr("disabled", null); 
     return; 
    } 
    $("#cb2").prop("checked", false); 
    $("#cb3").prop("checked", false); 
    $("#cb2").attr("disabled", true); 
    $("#cb3").attr("disabled", true); 
} 
</script>

Working demo here

источник

2013-12-09 08:29:39

попробовать эту функцию и вызвать на CheckBox мыши:

function updateState() { 
    console.log("here"); 
    if ($('#cb1').is(':checked')) { 
     $("#cb2").prop("checked", true); 
     $("#cb3").prop("checked", true); 
     $("#cb2").removeAttr("disabled", null); 
     $("#cb3").removeAttr("disabled", null); 
    } else { 
     $("#cb2").prop("checked", false); 
     $("#cb3").prop("checked", false); 
     $("#cb2").attr("disabled", "disabled"); 
     $("#cb3").attr("disabled", "disabled"); 
    } 
}

HTML:

<input type="checkbox" name="vehicle" id='cb1' value="Bike" onclick='updateState()'>I have a bike

Here is jsfiddle demo

источник

2013-12-09 08:34:29

Два флажка отключены, а затем отмечены, если установлен другой флажок.

ответ

Смежные вопросы