Question

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

我使用的是ASP经典版，希望能帮助您修改此代码或最能实现我的目标的代码。

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

在单选按钮上禁用复选框，点击

1 个答案: