如何使用 jquery 或 javascript 切换网格视图模板化的 asp 按钮文本

How to toggle a gridview templated asp button text using jquery or javascript

本文关键字：asp 文本 按钮 视图 网格 jquery 何使用 javascript      更新时间：2023-09-26

我有一个网格视图，其中一列是"添加"/"删除" asp：button，我想在使用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");
            }
        })

请告知如何正确切换网格视图按钮文本？

谢谢吉姆

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

<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>

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

OnClientClick="SomeJSFunction（this）"

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

function SomeJSFunction(source) {
    if (source.value === 'Add') {
        source.value = 'Remove';
    } else if (source.value === 'Remove') {
        source.value = 'Add';
    }
}
相关文章：