<div id="divContainer">
        <input type="button" value="A" onclick="setBackground(this)" />
        <input type="button" value="B" onclick="setBackground(this)" />
        <input type="button" value="C" onclick="setBackground(this)" />
        <input type="button" value="D" onclick="setBackground(this)" />
    </div>

    <script type="text/javascript">
        function setBackground(o) {
            var btnArr = document.getElementById('divContainer').getElementsByTagName('input');
            for (var i = 0; i < btnArr.length; i++) {
                btnArr[i].style.backgroundColor = '';
            }

            o.style.backgroundColor = 'red';
        }
    </script>

------解决方案--------------------
探讨


引用:

选中和不选中  则为你说要的2种状态的样式.


对，问题就是判断是选中了还是没有


------解决方案--------------------
- - 。。。
你就这样进行操作咯。。

点击的时候   记下是那个被点击了。 然后吧4个样式全部统一  然后把点击的样式进行改变就好了。