0

jqueryまたはjavascriptでクリックしたときにテキストを切り替えたい、1つの列が「追加」/「削除」asp:buttonであるグリッドビューがあります。これの良い例を見つけることができませんでした。

テンプレート フィールドのマークアップは次のとおりです。

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

1 に答える 1

0

あなたが試すことができることの1つは、ボタンのOnClientClickイベントで、以下に示すように関数を呼び出すことです

OnClientClick="SomeJSFunction(this)"

このようにして、JS 関数内のボタン コントロールにアクセスできるようになるため、以下に示すように、関数内のボタンのテキストを変更できます。

function SomeJSFunction(source) {
    if (source.value === 'Add') {
        source.value = 'Remove';
    } else if (source.value === 'Remove') {
        source.value = 'Add';
    }
}
于 2012-05-03T06:46:59.550 に答える