寻找toggle button代码，就是有2个按钮，一个按下去，一个弹起来，互斥的。

写2个 css 样式，进行互换就是了

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <style>
    .classA{background-color:red};
    .classB{background-color:green};
    </style>
    </HEAD><BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function chg() {
    var currentClass = event.srcElement.className;
    if (event.srcElement.name=="btn1") {
    document.all["btn1"].className = document.all["btn2"].className;
    document.all["btn2"].className = currentClass;
    } else {
    document.all["btn2"].className = document.all["btn1"].className;
    document.all["btn1"].className = currentClass;
    }
    }
    //-->
    </SCRIPT>
    <input type="button" name="btn1" onclick="chg()" class="classA">
    <input type="button" name="btn2" onclick="chg()" class="classB">
    </BODY>
    </HTML>