如何使用jQuery或JavaScript切换GridView模板化的ASP按钮文本

Question

我有一个gridview，其中一列是“添加” /“删除” asp：按钮，当我用jquery或javascript单击时，我想切换文本。 我无法为此找到一个很好的例子。

这是我对模板字段的标记：

<asp:TemplateField HeaderText="ADD <br /> REMOVE" HeaderStyle-ForeColor="White" > 
    <ItemTemplate >
       <asp:Button id="btnBuy" runat="server" Width="50px" Height="15px" BorderStyle="Solid" Text="ADD" Font-Size="7pt"                                  BackColor="#FFFF80" />
    </ItemTemplate>
    <HeaderStyle Width="7%" />
    <ItemStyle CssClass="sessionItems" VerticalAlign="Middle"  HorizontalAlign="Center" />
</asp:TemplateField>

这是一些jquery，但是它不起作用，因为我希望这对于单个按钮来说更多：

           $('#btnBuy').click(function()
          {  
            if ($(this).text() == "ADD")
            {
                $(this).text("REMOVE");
            } else {
                $(this).text("ADD");
            }
        })

请告知如何正确切换gridview按钮文本？

谢谢吉姆

这是我的复选框，它不会回发：

<asp:TemplateField HeaderText="Select <br /> Files" HeaderStyle-ForeColor="White" > 
                        <ItemTemplate >
                            <asp:CheckBox ID="chkSelectVideo" runat="server" OnClick="checkboxClicked(this)" ToolTip="Select file for download" 
                                Enabled='<%# Eval("SORD_EnableSelectionCheckBox") %>' Checked='<%# Eval("SORD_SelectedForDownloadFlag") %>' />
                        </ItemTemplate>
                        <HeaderStyle Width="6%" />
                        <ItemStyle VerticalAlign="Middle" HorizontalAlign="Center" />
                    </asp:TemplateField>

Answer 1

您可以尝试做的一件事是在按钮的OnClientClick事件中，调用如下所示的函数

OnClientClick =“ SomeJSFunction（this）”

通过这种方式，您可以访问JS函数中的按钮控件，因此现在您可以修改函数中按钮的文本，如下所示：

function SomeJSFunction(source) {
    if (source.value === 'Add') {
        source.value = 'Remove';
    } else if (source.value === 'Remove') {
        source.value = 'Add';
    }
}