如何使用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';
    }
}