我遇到个问题？请大家帮忙？想要的效果是点击A按钮改变B按钮的效果？

各位看一下这张图，我做了就是点击确认按钮就变成“已确认”点击取消就变成已取消，
我想要的效果是点击确认按钮就变成“已确认”这个我做了，但是取消应该显示为按钮，
我点取消按钮时是变成"已取消"，然后确认应该显示为确认按钮，而不是已确认.两个不能同时显示这样子，我不知怎么做？

解决方案 »

  1.   

    <a href="#" onclick="glume(this);">
    <input name="aa" id="aa" type="button" style="cursor:pointer; background:url(/asset/shtml/default/www/images/songcan.queren.gif) no-repeat; border:0px; width:46px; height:23px;"/></a>&nbsp;&nbsp;&nbsp
    <a href="#" onclick="glume1(this);"><input name="bb" id="bb" type="button" style="cursor:pointer; background:url(/asset/shtml/default/www/images/songcan.quxiao.gif) no-repeat; border:0px; width:46px; height:23px;"  /></a> <script type="text/javascript">
          function glume(obj)
          {
          obj.innerHTML = "<font style='color:green; font-size:12px;'>已确定</font>"; 
          }
          function glume1(obj)
          {
          obj.innerHTML = "<font style='color:red; font-size:12px;'>已取消</font>";
          }
    </script>
      

  2.   


    <body>
    <input id="affirm"  type="button"  value="确认"/><input id="cancel"  type="button"  value="取消"/>
    </body>
    $(function(){
    var i=0;
    var k=0;
    $("#affirm").toggle(
    function () {
    $(this).val("已确认");
    if(i!=0)
    $("#cancel").click();
    k++;
      },
      function () {
    $(this).val("确认");
    k++;
      } );$("#cancel").toggle(
    function () {
    $(this).val("已取消");
    if(k!=0)
    $("#affirm").click();
    i++;
      },
      function () {
    $(this).val("取消");
    i++;
      } );
    })
      

  3.   

    谢谢你，可是我把你的代码贴到dreavwer里面运行怎么没有反应啊？
      

  4.   

    哦，要引用一个jquery文件的。
      

  5.   

    给你一个纯js
    效果一样
    <title>无标题文档</title>
    <style>
    .display_none{display:none}
    .display_null{display:""}
    </style>
    </head><body>
    <input id="affirm"  type="button"  value="确认" onclick="affirm_click()"/>
    <input id="affirmed" class="display_none" type="button" value="已确认"/>
    <input id="cancel"  type="button"  value="取消" onclick="cancel_click()"/>
    <input id="canceled" class="display_none" type="button"  value="已取消"/>
    </body>var i=0;
    var k=0;
    function affirm_click()
    {
    document.getElementById("affirmed").className = "display_null";
    document.getElementById("affirm").className = "display_none";
    if(i != 0)
    {
    document.getElementById("canceled").className = "display_none";
    document.getElementById("cancel").className = "display_null";
    }
    k++;
    }function cancel_click()
    {
    document.getElementById("canceled").className = "display_null";
    document.getElementById("cancel").className = "display_none";
    if(k != 0)
    {
    document.getElementById("affirmed").className = "display_none";
    document.getElementById("affirm").className = "display_null";
    }
    i++;
    }