jQuery - 如果复选框被勾选，停止取消勾选。

Question

我正在解决以下情况——我在数据库表中有数据，在HTML页面中有已选或未选的复选框。

我想知道如何操作，如果我勾选了复选框，如何禁止用户取消勾选此复选框。

是否有方法可以实现？

非常感谢， M.

- user1946705

---

在渲染之前或在 document.ready() 中，使复选框在被选中后变为只读。 - Furqan Hameedi

@Furqan：readonly 属性不能与复选框输入一起使用。 - Mathias Bynens

Answer 1

只需使用HTML：

<input type="checkbox" checked disabled>

请注意，HTML中的readonly属性不能与复选框输入一起使用。

- Mathias Bynens

Answer 2

在复选框上检查复选框应用程序属性禁用。

.attr('disabled', true);

- Vivek Goel

---

谢谢，但还有一个问题 - 如果我使用这个，那么我的复选框将会是灰色的（就像“禁用”一样） - 是否存在一种方法来禁用复选框并拥有“活动”颜色的复选框？ - user1946705

@user705586 我认为你不应该将其设置为活动状态，否则用户会尝试点击它。 - Vivek Goel

Answer 3

如果您想要禁用已选中的复选框，您可以使用 disabled 属性：

<input type="checkbox" disabled="disabled" />

如果您想在单击复选框时禁用它，使用 jQuery，您可以这样做：

$("input[type=checkbox]").click(function() {
      $(this).attr("disabled", true);
});

- James Allardice

---

如果你真的想用 jQuery 的方式来实现，那至少使用 $(this).prop("disabled", true)。但是，最好使用 this.disabled = true; —— 更简短，更快速。 - Mathias Bynens

Answer 4

$(checkbox).attr('readonly', true); 其中 "checkbox" 是适当的 jQuery 选择器，不要直接使用此代码

- Itako

---

“readonly” 属性不能与复选框输入一起使用。 - Mathias Bynens