javascript - removeAttribute ('checked' ) 不工作

Question

我遇到了一个关于复选框的奇怪问题。由于各种原因，我必须根据应用程序的上下文以编程方式选中或取消选中复选框输入。

但由于未知原因，我无法取消选中该复选框。在互联网上搜索教我删除“已选中”属性以取消选中该框，因为“已选中”是二进制属性: Check/Uncheck checkbox with javascript?和 Remove attribute "checked" of checkbox

这些主题(以及我读过的许多其他主题)对我的情况都没有用:我不想使用 jQuery，所以合乎逻辑的方法是使用 removeAttribute 函数，就像那样:

document.getElementById('box').removeAttribute('checked');

好像执行了但是看不到效果

我的代码有点复杂和庞大，无法在此处发布，所以我制作了一个更相关的 jsFiddle 来向您展示问题:https://jsfiddle.net/54fd795w/

通过使用按钮，无论框的状态如何，您都可以看到用于选中框的按钮有效，而用于取消选中的按钮无效。

有任何让它工作或找到解决方法的想法吗？谢谢。

Answer 1

checked 属性描述了字段的默认 状态。如果该字段已与之交互(或者如果其选中的属性已被修改)，则将其删除将无效。

改为设置选中的属性。它代表当前状态。

document.getElementById('box').checked = false;

---

请注意，在您的第三方托管示例中，在“单击我进行检查”代码中:

document.getElementById('box').checked = "checked";

…您正在修改属性，并且字符串"checked" 正在转换为 bool 值true。 checked 属性只接受一个 bool 值。这将覆盖默认 状态(未选中，因为没有选中的属性)。

您甚至没有要删除的选中属性。