单击单选按钮时禁用复选框

Question

我有 2 个单选按钮，如果单击单选按钮，我想禁用 array 中的复选框。这是.net 上一篇文章中的一些代码。

我使用ASPclassic，并希望在更改此代码或最能实现我的目标的代码方面获得帮助。

<input type="radio" name="group" value="value1">
<input type="radio" name="group" value="value2">

This is the checkbox that is in the loop for the array:

<input type="checkbox" name="items" value="<%=Rs("item") %>">


 $(document).ready(function () {

     $('#<%= rbRadioButton.ClientID %> input').change(function () {
         // The one that fires the event is always the
         // checked one; you don't need to test for this
         alert($(this).val());
     });
 });

Answer 1

使用.prop() 方法怎么样。

// Disable checkbox
$("input[value='value1']").change(function() {
  $("input[name='items']").prop('disabled', true);
});

// Enable checkbox
$("input[value='value2']").change(function() {
  $("input[name='items']").prop('disabled', false);
});

// Trigger reset button click
$("#btnReset").on("click", function() {
  $("input[name='group']").prop('checked', false);
  $("input[name='items']").prop('checked', false);
  $("input[name='items']").prop('disabled', false);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<fieldset>
  <legend>radio:</legend>
  <input type="radio" name="group" value="value1">disabled
  <input type="radio" name="group" value="value2">enabled
</fieldset>

<fieldset>
  <legend>checkbox:</legend>
  <input type="checkbox" name="items" value="1">
  <input type="checkbox" name="items" value="2">
  <input type="checkbox" name="items" value="3">
  <input type="checkbox" name="items" value="4">
  <input type="checkbox" name="items" value="5">
</fieldset>

<input type="button" value="Reset" id="btnReset">