Question

我遇到问题触发服务器端按钮，我想做类似于this但有服务器端按钮和复选框的操作。它目前无法正常工作，我无法弄清楚为什么？

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

Answer 1

您在代码中缺少#作为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");
         }       
    });

});

单击服务器端按钮，然后使用JQuery选择/取消选择Chechboxes

1 个答案: