Javascript 如何使用jquery禁用复选框？

我用它搜索了更多的时间，但它不工作，我想复选框被禁用，用户不检查，可以检查它，如果某些条件。好的，现在，我试着把它们禁用。我使用jquery2.1.3

香蕉 橙色 苹果

---

Candy

id

应该是唯一的。不能有四个id相同的复选框

您可以尝试使用其他选择器来选择整个范围的复选框，如

.checkbox1

（按类）、

输入[type=“checkbox”]

（按标记/属性）。一旦您修复了ID，您甚至可以尝试

#chk1、#chk2、#chk3、#chk4

下面的代码段使用类名“chk”而不是id“chk”。此外，它还使用

attr

来设置属性，尽管它也使用

prop

对我有效

$（窗口）.load（函数（）{
$（'.chk'）.attr（'disabled'，true）；
});

香蕉
橙色
苹果
Candy
您已经更改了ID，但也可以将类放入相同的属性中，例如：

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

要“预检查”：

您可以更改选择器以适应ID或类，甚至元素，并根据需要在true或false之间更改属性。
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

如果没有定义disabled属性，这将无法工作，这可能取决于浏览器您删除了重复的ID，因此您可以使用
class=“chk”
这样做。我应该删除
id=“chk”
并使用
class=“chk”
。非常感谢。
$(function () {
    $('.chk').prop('checked', true);
});

<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

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