当按钮单击两次时做某事

【问题标题】：When button clicked twice do something当按钮单击两次时做某事
【发布时间】：2012-11-06 22:50:14
【问题描述】：

我需要在单击按钮时显示“不显示”消息。当点击两次返回原始消息“显示”。第一件事我已经做了，我只需要第二件事的帮助，那就是第二次点击。

function show()
{
    document.myform.button.value ="Hide";//Changes message on button when clicked.
    document.myform.button.innerHTML= "Hide";
}

<form>
<input type=button value= "Show" name="button" id= "idButton"
onClick="show()">
</form>

【问题讨论】：

标签： button

【解决方案1】：

function show(button)
{
    if(button.hidden)
         button.hidden = false
         document.myform.button.value ="Show";//Changes message on button when clicked.
         document.myform.button.innerHTML= "Show";
    else {
         button.hidden = true
         document.myform.button.value ="Hide";//Changes message on button when clicked.
         document.myform.button.innerHTML= "Hide";
    }
}

<form>
<input type=button value= "Show" name="button" id= "idButton"
onClick="show(this)">
</form>

【讨论】：