.checked的问题

Question

我正在帮助某人修复他们的普通javascript高亮-当-检查

DEMO

如果单击“是”或“否”，您将看到它断开并高亮显示一个未选中的行。

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

谢谢

Answer 1

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

编辑：

这段代码添加了类名，而不检查它是否在第一个地方。请记住，您将对所有复选框进行循环，以便对其中任何一个进行更改。

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

Answer 2

下面是我之前写的一些库函数：

function trim(s) {
  return s.replace(/(^\s+)|(\s+$)/g,'').replace(/\s+/g,' ');
}

function hasClassName(el, cName) {
    if (typeof el == 'string') el = document.getElementById(el);

    var re = new RegExp('(^|\\s+)' + cName + '(\\s+|$)');
    return el && re.test(el.className);
}

function addClassName(el, cName) {

    if (typeof el == 'string') el = document.getElementById(el);

    if (!hasClassName(el, cName)) {
        el.className = trim(el.className + ' ' + cName);
    }
}

function removeClassName(el, cName) {

    if (typeof el == 'string') el = document.getElementById(el);

    if (hasClassName(el, cName)) {
        var re = new RegExp('(^|\\s+)' + cName + '(\\s+|$)','g');
        el.className = trim(el.className.replace(re, ''));
    }
}