値が選択されている場合はチェックボックスを無効にする

Question

以下を行うには、短いjQueryコードが必要です。

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

そして、そのドロップダウンの下にいくつかの他のチェックボックス：

は、私はこのようなドロップダウンを得ました。

私の問題は次のとおりです。 52 cmオプションが選択されている場合、チェックボックスを無効にします。 デフォルトでは、チェックボックスが有効になっています.52cmから32cmに戻った場合は、再度有効になります。

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"> 

スクリプト

$('#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 

そしてまた次のJavaScriptコードを参照してください。

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

あなたはフィドルクリックhere上で実行されていることをテストする場合：