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

Question

Мне нужен короткий код jQuery, чтобы сделать следующее.

Я получил выпадающий список, как это:

<select id="pa_size"> 
    <option value="32cm">32 cm</option> 
    <option value="52cm">52 cm</option> 
</select> 

и некоторые другие флажков в рамках этого выпадающего списка.

Теперь моя проблема: Я хочу отключить флажки, если выбрана опция 52 см. По умолчанию флажки включены, а если они возвращаются на 32 см с 52 см, он должен снова работать.

Answer 1

HTML

<select id="worldSelect" class="select" name="world"> 
<option value="32cm">32 cm</option> 
<option value="52cm">52 cm</option> 
</select> 
<input id="worldcb" type="checkbox" checked value="any" name="world"> 

Script

$('#worldSelect').change(function() { 
    $(':checkbox').prop('disabled', this.value == '52cm'); 
}) 

Answer 2

Вы можете использовать метод prop(), как описано ниже.

$('#pa_size').change(function() { 
 
    $(':checkbox').prop('disabled', this.value == '52cm'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<select id="pa_size"> 
 
    <option value="32cm">32 cm</option> 
 
    <option value="52cm">52 cm</option> 
 
</select> 
 

 
<input type="checkbox" /> 
 
<input type="checkbox" /> 
 
<input type="checkbox" />

Answer 3

Пожалуйста, смотрите следующий HTML-код:

<select id="pa_size"> 
    <option value="32cm">32 cm</option> 
    <option value="52cm">52 cm</option> 
</select> 
<input type="checkbox" class="todisable" value="1"> chbx1 
<input type="checkbox" class="todisable" value="2"> chbx2 
<input type="checkbox" class="todisable" value="3"> chbx3 

А также увидеть следующий код: яваскрипт

$("#pa_size").on('change', function() { 
    if ($(this).val() == "52cm") { 
    $(".todisable").attr("disabled", "disabled"); 
    } else { 
    $(".todisable").removeAttr("disabled"); 
    } 
}); 

Если вы хотите проверить это работает на скрипку мыши here: