jqueryまたはjavascriptを使用してgridviewテンプレートaspボタンテキストを切り替える方法

Question

jqueryまたはjavascriptでクリックしたときにテキストを切り替える、「追加」/「削除」asp：ボタンが1つの列にあるgridviewがあります。 。私はこれの良い例を見つけることができませんでした。ここで

は、テンプレートフィールドのための私のマークアップです：ここでは

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

Answer 1

ことの一つは、ボタンのOnClientClickイベントである、としての機能を呼び出しますあなたはJSに、ボタンコントロールへのアクセスを得る。このように

OnClientClick =「SomeJSFunction（本）」

の下に表示

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