javascript - 如果复选框选中 jquery 则禁用选择

Question

我有一个 html 脚本，其中有一个多重选择，当我检查复选框字段时，我希望“禁用”它。

示例:

<p><input type="checkbox" id="chk_select" name="check" value="ok" "/> deselect</p>

<p>
<select multiple="multiple" name="candidato[]" id="soci" required>
<option value="">-</option>
<option value="Name 1">Name 1</option>
<option value="Name 2">Name 2</option>
</select>
</p>

是否可以使用 jquery 禁用多选？

谢谢!朱塞佩

Answer 1

试试这个。

function checkstate() {
    document.getElementById('soci').disabled = document.getElementById('chk_select').checked;
}

<p><input type="checkbox" id="chk_select" name="check" value="ok" onclick="checkstate()"> deselect</p>

<p>
<select multiple="multiple" name="candidato[]" id="soci" required>
<option value="">-</option>
<option value="Name 1">Name 1</option>
<option value="Name 2">Name 2</option>
</select>
</p>