来自 jquery 的复选框 enable/disable

Question

我对 onclick 操作有疑问。单击 "all" 复选框后，<select> 被阻止，但没有 "cl" 未被选中。

<form>
  <input type="checkbox" class="custom-control-input" id="all" name="all" onclick="this.form.elements['oh'].disabled = this.form.elements['cl'].removeAttr('checked') = this.checked">

  <select id="oh" name="oh">
    <option value="1">option 1</option>
    <option value="2">option 2</option>
    <option value="3">oprion 3</option>
  </select>

  <input type="checkbox" id="cl" name="cl">
</form>

Answer 1

我相信你可能是这个意思

$("#all").on("click",function() {
  const chk = this.checked;
  $("#oh").prop("disabled",chk)
  $("#cl").prop('checked',!chk)
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="checkbox" class="custom-control-input" id="all" name="all" />

  <select id="oh" name="oh">
    <option value="1">option 1</option>
    <option value="2">option 2</option>
    <option value="3">oprion 3</option>
  </select>

  <input type="checkbox" id="cl" name="cl">
</form>

来自 jquery 的复选框 enable/disable

checkbox enable/disable from jquery

javascript

jquery

checkbox

checked