をクリックしてサーバーサイドボタンとJQueryを使用してChechboxesを選択/選択解除します

-1

私は問題をサーバーサイドボタンをトリガーしています、私はthisと似たようなことをしたいのですが、サーバー側のボタンとチェックボックス。それは現在動作していないと私は理由を把握することはできません？をクリックしてサーバーサイドボタンとJQueryを使用してChechboxesを選択/選択解除します

$(function all() { 
 
     $("<%= btnSelect.ClientID %>").click(function() { 
 

 
     if (document.getElementById("<%= btnSelect.ClientID %>") == 'Select All') { 
 
      $('.button input').prop('checked', true); 
 
      document.getElementById("<%= btnChkboxSelect.ClientID %>").value = "Unselect All"; 
 
     } else { 
 
      $('.button input').prop('checked', false); 
 
      document.getElementById("<%= btnChkboxSelect.ClientID %>").value = "Select All"; 
 
     } 
 
    }); 
 

 
});

<body> 
 
    <div id="main"> 
 
    <div id="first"> 
 
    <asp:Button ID="btnSelect" runat="server" UseSubmitBehavior="false" Text="Select All" OnClientClick="all();" /> 
 
     <div class="button"> 
 
     <div> 
 
      <asp:CheckBox ID="checbox1" runat="server" /> 
 
     </div> 
 
     <div> 
 
      <asp:CheckBox ID="checbox2" runat="server" /> 
 
     </div> 
 
     <div> 
 
      <asp:CheckBox ID="checbox3" runat="server" /> 
 
     </div> 
 
     </div> 
 
</body>

出典

2016-08-17 CowboyCoder

あなたはあなたのコード内でbtnSelectのidセレクタとして#が欠落しています。

$(function { 
     $("#<%= btnSelect.ClientID %>").click(function() { 
     if($(this).text() == "Select All") 
     { 
      $('.button input:checkbox').prop('checked', true); 
      $(this).text("Unselect All"); 
     } 
     else 
     { 
      $('.button input:checkbox').prop('checked', false); 
      $(this).text("Select All"); 
     }  
    }); 

});

出典

2016-08-17 17:48:34 DinoMyte

をクリックしてサーバーサイドボタンとJQueryを使用してChechboxesを選択/選択解除します

答えて

関連する問題