如何使用jquery禁用复选框？

Question

我用它搜索了更多的时间,但它不起作用,我希望复选框被禁用,用户不检查,如果有一些条件可以检查它.好的,现在,我试过禁用它们.我使用jquery 2.1.3

 <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U01" />Banana
 <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U02" />Orange
 <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U03" />Apple
 <input type="checkbox" class="checkbox1" id="chk" name="check[]" value="U04" />Candy

$(window).load(function () {
    $('#chk').prop('disabled', true);
});

Answer 1

id应该是独特的.您不能有四个具有相同ID的复选框.

您可以尝试其他选择器来选择整个范围的复选框,如.checkbox1(按类),input[type="checkbox"](按标签/属性).一旦你修复了id,你甚至可以试试#chk1, #chk2, #chk3, #chk4.

下面的代码段使用了类名'chk'而不是id'chk'.此外,它用于attr设置属性,虽然它也适用于我prop.

$(window).load(function() {
  $('.chk').attr('disabled', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" class="chk" name="check[]" value="U01" />Banana
<input type="checkbox" class="chk" name="check[]" value="U02" />Orange
<input type="checkbox" class="chk" name="check[]" value="U03" />Apple
<input type="checkbox" class="chk" name="check[]" value="U04" />Candy