Home/ Questions/Q 8284723
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T11:12:49+00:00

Possible Duplicate: Javascript or Jquery to check and uncheck all checkbox I have 12

  • 0

Possible Duplicate:
Javascript or Jquery to check and uncheck all checkbox

I have 12 asp:checkboxes on a page and I would like to add one which selects/deselects all of them.
What’s the best way to do that?

I’ve seen people use jquery but I’m not very familiar with JS.
IS there a generic jquery finction to use?

<head>...
   <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
...</head>

<body>...
    <script type="text/javascript">
        function Selectall() {
            if ($('.JchkAll').is(':checked')) {
                // .JchkGrid cssClass will be assigned to all other checkboxes in your control 
                $('.JchkGrid').attr('checked', 'true');
            }
            else {
                $('.JchkGrid').removeAttr('checked', 'false');
            }
        } 
    </script>
<form>...
<asp:CheckBox runat="server" ID="cbSelectAll" Text="Select/Deselect All" CssClass="JchkAll" onchange="Selectall();"/>
        <asp:CheckBox runat="server" ID="cbName" Text="Name" class="JchkGrid"/>
        <asp:CheckBox runat="server" ID="cbModel" Text="Model" CssClass="JchkGrid"/>
...</form>
...</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Give your chckbox a css class and try this way

    // .JchkAll is cssclass of your checkbox on which's click you need to check all Checkboxes

    function Selectall() {
  if ($('.JchkAll').is(':checked')) {
   // .JchkGrid cssClass will be assigned to all other checkboxes in your control
    $('.JchkGrid').attr('checked', 'true');
  }
  else {
    $('.JchkGrid').removeAttr('checked', 'false');
  }
}

    Edit:

    Also Don’t forget to add this on checkbox’s onchange attribute..

    <asp:CheckBox runat="server" onchange="Selectall();" ID="cbSelectAll" 
     Text="Select/Deselect All" CssClass="JchkAll"/>

    But this will give you a compiler warning…it would be better if you add it from code behind on Page_Load event like

        cbSelectAll.Attributes.Add("onchange","Selectall");
    • 0