php - 使用 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

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

HTML：

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

JavaScript：

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