使用JQuery禁用未绑定的字段数量

Question

我有一个表格，可以说50个复选框。我想在表单加载时禁用它们，我这样做：

$(document).ready(function() {
   $("#check").attr("disabled", "disabled");
});

但这只会禁用第一个复选框。所有复选框都获得id='check'。

Answer 1

您的复选框需要具有唯一ID，ID =唯一标识符。 而是使用类：

为每个复选框添加课程check：

$(document).ready(function() {
   $(".check").attr("disabled", true);
});

Answer 2

在HTML中，每个id属性都应该是唯一的，尝试为您的复选框添加类并使用该类选择它们，或者只使用$('input[type=checkbox]')等属性选择器

Answer 3

ID应该是唯一的，您可以尝试使用类名称

$(document).ready(function() {
   $(".classname").attr("disabled", true);
});

Answer 4

id是唯一的，因此不能在元素之间共享。如果要将多个元素组合在一起，请改为使用class：

<强> HTML ：

<input class="check" ...>
<input class="check" ...>
<input class="check" ...>

<强>的JavaScript ：

$(document).ready(function() {
   $('.check').prop('disabled', true);
});