javascript - .checked 的问题

Question

我正在帮助某人修复他们的普通 JavaScript 高亮检查时

DEMO

如果单击"is"或“否”，您将看到它中断并突出显示未选中的行。

我知道我可以用 jQuery 重写它，但我真的很想知道是什么导致它失败

谢谢

Answer 1

这是因为你每次都添加类名。因此，如果您在 yes/no 之间更改 5 次，item3 将具有类名 radio-item myclass myclass myclass myclass myclass。因此，在您的 replace 中，您需要确保它是全局的(替换搜索字符串的每次出现)

编辑:

此代码添加类名而不首先检查它是否存在。请记住，您将循环所有复选框，以应对其中任何一个的每个更改。

if (inputArray[i].checked) {
    inputArray[i].parentNode.className += " myclass";
}