js如何让checkbox不可选

2024-05-25 分类：JavaScript 阅读(38)

javascript 中禁用复选框有两种方法：设置 disabled 属性为 true使用 addeventlistener 阻止点击事件

js如何让checkbox不可选

如何禁用 JavaScript 中的复选框

在 JavaScript 中，可以使用两种方法禁用复选框：

方法 1：使用 disabled 属性

这是最简单的方法，可以通过以下方式设置复选框的 disabled 属性为 true：

document.getElementById("checkbox").disabled = true;

禁用后，复选框将变为灰色，并且无法选中。

方法 2：使用 addEventListener

这个方法允许在点击复选框时阻止其选中。以下是如何使用 addEventListener 禁用复选框：

document.getElementById("checkbox").addEventListener("click", function(event) {
  event.preventDefault();
});

这种方法的优点是，它允许在点击复选框时执行其他操作，例如显示错误消息或发出警告。

赞(0)  打赏

分享到