如果選中值，則禁用複選框

-1

我需要一個簡短的jQuery代碼來執行以下操作。如果選中值，則禁用複選框

我有這樣一個下拉菜單：

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

這下拉下的一些其他複選框。

現在我的問題是： 我想禁用複選框如果52釐米選項被選中。默認情況下，複選框已啓用，如果從52cm恢復到32cm，則應該再次運行。

來源

2016-07-27 Székely Tamás

份額完整的HTML –

請更新您的問題，並充分HTML模板 –

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'); 
})

來源

2016-07-27 08:08:17

您可以使用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" />

來源

2016-07-27 08:01:51 Azim

請看下面的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：

來源

2016-07-27 08:26:47 athina

如果選中值，則禁用複選框

回答

相關問題