使用Javascript更改按钮文本

时间:2012-12-16 23:26:57

标签: javascript asp.net

我有以下代码:

<asp:Content ID="HeadContent" runat="server" ContentPlaceHolderID="HeadContent">
    <script type="text/javascript">
        function SetText(id) {
            if (Button2.value == "Disable automatic page refresh")
                Button2.value = "Automatic Refresh Disabled";
            return false;
        }
    </script>
</asp:Content>

<asp:Button ID="Button2" runat="server" Text="Disable automatic page refresh" OnClick="Button2_Click" OnClientClick="return SetText(this)" />

当我点击按钮时,按钮名称不会改变,但C#背后的代码仍然可以正常工作。谁能指出我正确的方向?我认为它可能是OnClick事件,但删除后,它仍然无法正常工作。我也试过将OnClick更改为OnServerClick以防万一,但无济于事。

2 个答案:

答案 0 :(得分:7)

您正在使用按钮的名称而不是对发送到方法的按钮的引用。使用参考:

function SetText(id) {
  if (id.value == "Disable automatic page refresh") {
    id.value = "Automatic Refresh Disabled";
  }
  return false;
}

答案 1 :(得分:0)

   function SetText(id) {
        if (id.value == "text one") {
            id.value = "text two";
        }
        else
            id.value = "text one"; //return to the previous value.
        return false;
    }