javascript - 如何在单击时更改按钮的值

Question

我试图在点击时更改按钮的值。到目前为止，我能够让它工作，但我希望它在再次单击时变回原始值。有什么建议吗？

我的代码:

{if $activity_count > "0"}
<input onclick="change()" type="button" class="rbutton" value="Show/Hide" id="show_act" />

{literal}
  <script>
   function change()
 {
  document.getElementById("show_act").value="Hide/Show"; 

}
 </script>
{/literal}

{else}
      {/if}

Answer 1

设置一个标志:

var state = true;

然后修改您的更改函数以切换状态并根据状态进行适当的更新:

function change()
{
  var textValue = state ? "Hide/Show" : "Show/Hide";   // select the value based on the state
  document.getElementById("show_act").value=textValue; // apply the value
  state = !state;                                      // toggle the state for the next click
}

这是一个活生生的例子:http://jsfiddle.net/7kxA8/