javascript - 按钮一一着色

Question

我使用 javascript 为按钮着色，但我想知道当按下一个按钮时，所有其他按钮都会变灰(设置为默认颜色)

这就是我的立场:

Javascript:

function changeBtn(btn) {
    if (! btn.style)
    {
        alert("Err!");
        return;
    }
    btn.style.background = "#acd484";
    return;
}

HTML:

<input class="submit" style="width: 200px; height: 50px; font-size:12px;" id "submit" type="button" value="Zivljensko" onclick="changeBtn(this)" />
<input class="submit" style="width: 200px; height: 50px; font-size:12px;" id "submit" type="button" value="Premozenjsko" onclick="changeBtn(this)" />
<input class="submit" style="width: 200px; height: 50px; font-size:12px;" id "submit" type="button" value="Best doctors" onclick="changeBtn(this)" />
<input class="submit" style="width: 200px; height: 50px; font-size:12px;" id "submit" type="button" value="Splosne info" onclick="changeBtn(this)" />
<input class="submit" style="width: 200px; height: 50px; font-size:12px;" id "submit" type="button" value="Splosne info" onClick="changeBtn(this)" />

如果需要的话，这是提交类:

.submit {
    border-top:     1px solid #ffffff;
    border-left:        1px solid #ffffff;
    border-right:       1px solid #000000;
    border-bottom:      1px solid #000000;
    padding:        0px 20px !important;
    font-size:      11px !important;
    background-color:   #fff;
    font-weight:        bold;
    color:          #453;
}

如果您了解我想要实现的目标，那么任何人都有任何想法:)

Answer 1

要将除单击的按钮之外的所有按钮设置为灰色，最简单的方法是根据 submit 类获取所有按钮，然后迭代它们并设置颜色。在设置绿色之前执行此操作。

<强> Demo

function changeBtn(btn){
    if (!btn.style)
    {
        alert("Err!");
        return;
    }
    var buttons = document.querySelectorAll('.submit');
    for(var i=0; i<buttons.length; i++){
        buttons[i].style.background = 'grey';   
    }

    btn.style.background = "#acd484";
    return;
}