为什么我不能将禁用的复选框更改为启用？

Question

简单的问题，所以我在发布这个之前一定要尝试很多解决方案。我有一个复选框，但似乎无法启用它。使用 vanilla JS，我尝试删除该属性，并将禁用标志设置为 false，并且还使用 jQuery 我尝试使用 Prop 没有成功。'''html<input type="checkbox" id="chkAllowToAdminService" name="chkAllowToAdminService" disabled="disabled" data-init-plugin="switchery">'''我尝试了以下方法，但都没有工作（vanilla JS 和 jQuery）'''document.getElementById('chkAllowToAdminService').disabled = false;document.getElementById('chkAllowToAdminService').removeAttribute('disabled);$('#chkAllowToAdminService').prop("disabled", false);'''根本没有错误消息，只是似乎没有发生任何事情。

Answer 1

// 在 jQuery 中

$('#chkAllowToAdminService').attr('disabled','disabled'); // Add disabled

$('#chkAllowToAdminService').removeAttr('disabled',''); // Remove disabled

// 或

$("#chkAllowToAdminService").attr("disabled",true);

$("#chkAllowToAdminService").attr("disabled",false);

// 在 JavaScript 中

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

document.getElementById("chkAllowToAdminService").disabled = false;

Answer 2

我想你可能有两个问题：

1. 确保您具有元素的唯一 id，'chkAllowToAdminService'没有其他元素具有相同的 id。

2. 在您的删除属性语法中：document.getElementById('chkAllowToAdminService').removeAttribute('disabled); 我可以看到'最后缺少引用。

Answer 3

要删除属性，您可以使用removeAttribute(name)。在你的情况下：

const checkbox = document.querySelector('#chkAllowToAdminService')

checkbox.removeAttribute('disabled')

设置属性setAttribute(name, value)。