如果复选框选中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>

Answer 2

希望这有帮助...

看法

 <p>

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

 deselect

    </p>

脚本

  <script>

    function myFunction() {

      var checkBox = document.getElementById("myCheck");

      if (checkBox.checked == true){

        document.getElementById('soci').disabled = true;

      } else {

        document.getElementById('soci').disabled = false;

      }

    }

    </script>

Answer 3

这会成功的

$('input[type="checkbox"]').change(function(){

if($(this).is(':checked')){

$('select').attr('disabled','disabled')

}else{

$('select').removeAttr('disabled','disabled')

}

})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

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