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

Answer 2

您已经更改了ID，但您也可以将该类放在相同的属性中，例如：

<input type="checkbox" class="checkbox1 chk" name="check[]" value="U01" />Banana

然后你可以使用jQuery根据你的需要禁用或勾选一个复选框

要禁用：

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

预先＆＃34;预先检查＆＃34;：

$(function () {
    $('.chk').prop('checked', true);
});

您可以更改选择器以适合ID或类甚至元素，并根据您的需要在true或false之间更改属性。

Answer 3

HTML：

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

使用Javascript / jQuery的

$(function() {
   $("input.checkbox1").prop("disabled", true);
});

如何使用jquery禁用复选框？

3 个答案: