jQuery - 复选框启用/禁用

小编典典

jQuery - 复选框启用/禁用

all

我有一堆这样的复选框。如果选中“检查我”复选框，则应启用所有其他 3 个复选框，否则应禁用它们。如何使用 jQuery 做到这一点？

<form name="frmChkForm" id="frmChkForm">
<input type="checkbox" name="chkcc9">Check Me
<input type="checkbox" name="chk9[120]">
<input type="checkbox" name="chk9[140]">
<input type="checkbox" name="chk9[150]">
</form>

阅读 84

2022-05-17

共1个答案

小编典典

稍微改变你的标记：

$(function() {

  enable_cb();

  $("#group1").click(enable_cb);

});



function enable_cb() {

  if (this.checked) {

    $("input.group1").removeAttr("disabled");

  } else {

    $("input.group1").attr("disabled", true);

  }

}


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

<form name="frmChkForm" id="frmChkForm">

  <input type="checkbox" name="chkcc9" id="group1">Check Me <br>

  <input type="checkbox" name="chk9[120]" class="group1"><br>

  <input type="checkbox" name="chk9[140]" class="group1"><br>

  <input type="checkbox" name="chk9[150]" class="group1"><br>

</form>

您可以使用属性选择器来执行此操作，而无需引入 ID 和类，但它更慢并且（恕我直言）更难阅读。

2022-05-17