Question

我只想在选中其他复选框时启用一组复选框。否则，我希望他们保持禁用状态。

这是我的代码：

jQuery的：

$(document).ready(function() {
  $(function() {
    enable_cb();
    $("#university").click(enable_cb);
  });

  function enable_cb() {
    if (this.checked) {
      $('input.uni').prop('disabled', false);
    } else {
      $('input.uni').prop('disabled', true);
    }
  }
});

HTML：

<form action="test.php" method="post" enctype="multipart/form-data" id="test-form" novalidate>
<input name="table[]" type="checkbox" value="university" id="university"/>
University<br>
<input type="checkbox" disabled="true" class="uni" value="1" />
A<br>
<input type="checkbox" disabled="true" class="uni" value="2" />
B<br>
<input type="checkbox" disabled="true" class="uni" value="3" />
C<br>
<input type="checkbox" disabled="true" class="uni" value="3" />
D<br>
<input name="table[]" type="checkbox" value="buildings" />
Buildings<br>
<input name="table[]" type="checkbox" value="offices"  />
Offices<br>
<input name="table[]" type="checkbox" value="halls"  />
Halls<br>
<input name="table[]" type="checkbox" value="labs"  />
Labs<br>
<input name="table[]" type="checkbox" value="studios" />
Studios<br>
<input name="table[]" type="checkbox" value="machines"  />
Machines<br>
<input name="table[]" type="checkbox" value="facilities"  />
Facilities<br>
</form>

为什么这对我不起作用？

Answer 1

使用ConstClass方法，然后使用＆＃39;点击＆＃39;触发。检查下面的代码段

＆＃13;

.on()

＆＃13;

function enable_cb() {
  if (this.checked) {
    $('input.uni').prop('disabled', false);
  } else {
    $('input.uni').prop('disabled', true);
  }
}


$(function() {
  enable_cb();
  $("#university").on('click',enable_cb);
});

＆＃13;

使用jQuery启用/禁用复选框

1 个答案: