如何使用JavaScript来改变按钮的文本 [英] How to change the buttons text using javascript

问题描述

我有以下的code将通过JavaScript code按钮的文本，但它不工作，它仍然是相同的文本保持不变。

 函数showFilterItem（）{
    如果（filterstatus == 0）{
        filterstatus = 1;
        找到$（'＆LT;％= FileAdminRadGrid.ClientID％GT;'）get_masterTableView（）showFilterItem（）。
        的document.getElementById（ShowButton）的innerHTML =隐藏过滤器。
    }
    其他{
        filterstatus = 0;
        $找到（'＆下;％= FileAdminRadGrid.ClientID％GT;'）。get_masterTableView（）hideFilterItem（）;
        的document.getElementById（ShowButton）的innerHTML =显示过滤器。
    }
}
 

和我的html按钮code是

 ＆LT;输入类=按钮，黑色的ID =ShowButton类型=按钮=服务器值=显示过滤器的onclick =showFilterItem（）/ ＆GT;
 

解决方案

您必须使用值而不是<击> 的innerHTML 。

试试这个。

 的document.getElementById（ShowButton）值=隐藏过滤器。
 

既然你是在运行按钮服务器的ID可能会在该框架错位。我这样，尝试

 的document.getElementById（'＆LT;％= ShowButton.ClientID％GT;'）。值=隐藏过滤;
 

另一种更好的方式来做到这一点是这样的。

在标记，改变你的onclick这样。 的onclick =showFilterItem（本）

现在这样使用它

 函数showFilterItem（objButton）{
    如果（filterstatus == 0）{
        filterstatus = 1;
        找到$（'＆LT;％= FileAdminRadGrid.ClientID％GT;'）get_masterTableView（）showFilterItem（）。
        objButton.value =隐藏过滤;
    }
    其他{
        filterstatus = 0;
        $找到（'＆下;％= FileAdminRadGrid.ClientID％GT;'）。get_masterTableView（）hideFilterItem（）;
        objButton.value =显示过滤器
    }
}
 

I have the following code to set the text of the button through javascript code , but it does not work it remains same the text remains same.

function showFilterItem() {
    if (filterstatus == 0) {
        filterstatus = 1;
        $find('<%=FileAdminRadGrid.ClientID %>').get_masterTableView().showFilterItem();
        document.getElementById("ShowButton").innerHTML = "Hide Filter";
    }
    else {
        filterstatus = 0;
        $find('<%=FileAdminRadGrid.ClientID %>').get_masterTableView().hideFilterItem();
        document.getElementById("ShowButton").innerHTML = "Show filter";
    }
}

And my html button code is

  <input  class="button black" id="ShowButton" type="button" runat="server"  value="Show Filter" onclick="showFilterItem()" />

解决方案

You must use value instead of innerHTML.

Try this.

document.getElementById("ShowButton").value= "Hide Filter";

And since you are running the button at server the ID may get mangled in the framework. I so, try

document.getElementById('<%=ShowButton.ClientID %>').value= "Hide Filter";

Another better way to do this is like this.

On markup, change your onclick like this. onclick="showFilterItem(this)"

Now use it like this

function showFilterItem(objButton) {
    if (filterstatus == 0) {
        filterstatus = 1;
        $find('<%=FileAdminRadGrid.ClientID %>').get_masterTableView().showFilterItem();
        objButton.value = "Hide Filter";
    }
    else {
        filterstatus = 0;
        $find('<%=FileAdminRadGrid.ClientID %>').get_masterTableView().hideFilterItem();
        objButton.value = "Show filter";
    }
}

这篇关于如何使用JavaScript来改变按钮的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！