How to select all checkboxes with jQuery

Question

I need help with jQuery selectors  Say I have a markup as shown below    x000D   x000D   lt form gt  x000D     lt table gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  id  select all    gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D     lt  table gt  x000D   lt  form gt  x000D   x000D   x000D    How to get all checkboxes except  select all when user clicks on it

User · Answer

checkall   change function         var checkboxes     this  closest  table   find  td   find   checkbox        if   this  is   checked              checkboxes attr  checked    checked          else           checkboxes removeAttr  checked

User · Answer

Here s a basic jQuery plugin I wrote that selects all checkboxes on the page  except the checkbox element that is to be used as the toggle    function             Checkbox toggle function for selecting all checkboxes on the page       fn toggleCheckboxes   function                Get all checkbox elements         checkboxes       checkbox   not this               Check if the checkboxes are checked unchecked and if so uncheck check them         if this is   checked                  checkboxes prop  checked   true             else               checkboxes prop  checked   false                     jQuery      Then simply call the function on your checkbox or button element      Check all checkboxes     check-all   change function           this  toggleCheckboxes

User · Answer

jQuery document  ready function              jQuery   select-all   on  change   function                  if  jQuery this  is   checked                      jQuery  input class-name   each function                          this checked   true                                    else                   jQuery  input class-name   each function                          this checked   false

User · Answer

One checkbox to rule them all   For people still looking for plugin to control checkboxes through one that s lightweight  has out-of-the-box support for UniformJS and iCheck and gets unchecked when at least one of controlled checkboxes is unchecked  and gets checked when all controlled checkboxes are checked of course  I ve created a jQuery checkAll plugin   Feel free to check the examples on documentation page     For this question example all you need to do is        select all    checkall       target   input type  checkbox   name  select          Isn t that clear and simple

User · Answer

select all   change function              input type  checkbox     prop  checked     this  prop  checked

User · Answer

document  ready function            select all   click function          var checked status   this checked           input name  select       each function            this checked   checked status

User · Answer

select all   live  click   function                   input   prop  checked     this  prop  checked

User · Answer

This code works fine with me    lt script type  text javascript  gt    document  ready function         select all   change function          checkbox class   prop  checked     this  prop  checked                lt  script gt    you only need to add class checkbox class to all checkbox  Easy and simple  D

User · Answer

function           select all   click function         var checkboxes     this  closest  form   find   checkbox        if   this  is   checked              checkboxes attr  checked    checked          else           checkboxes removeAttr  checked

User · Answer

Top answer will not work in Jquery 1 9  because of attr   method  Use prop   instead     function             select all   change function            var checkboxes     this  closest  form   find   checkbox            if   this  prop  checked                checkboxes prop  checked   true             else             checkboxes prop  checked   false

User · Answer

Simple and clean    x000D   x000D      select all   click function     x000D    var c   this checked  x000D        checkbox   prop  checked   c   x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt form gt  x000D     lt table gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  id  select all    gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D     lt  table gt  x000D   lt  form gt  x000D   x000D   x000D

User · Answer

Faced with the problem  none of the above answers do not work  The reason was in jQuery Uniform plugin  work with theme metronic  I hope the answer will be useful        Work with jQuery Uniform       select-all   change function         var  this     this       var  checkboxes    this closest  form            find   checkbox          checkboxes prop  checked    this is   checked             not  this           change

User · Answer

form input type  checkbox     attr   checked    true      or you can use the   checkbox Selector     form input checkbox   attr   checked    true      I have rewritten your HTML and provided a click handler for the main checkbox    function            select all   click  function                 frm1 input type  checkbox   child   attr   checked     this  attr  checked                     lt form id  frm1  gt       lt table gt           lt tr gt               lt td gt                   lt input type  checkbox  id  select all    gt               lt  td gt           lt  tr gt           lt tr gt               lt td gt                   lt input type  checkbox  name  select    class  child    gt               lt  td gt           lt  tr gt           lt tr gt               lt td gt                   lt input type  checkbox  name  select    class  child    gt               lt  td gt           lt  tr gt           lt tr gt               lt td gt                   lt input type  checkbox  name  select    class  child    gt               lt  td gt           lt  tr gt       lt  table gt   lt  form gt

User · Answer

I m now partial to this style   I ve named your form  and added an  onClick  to your select all box   I ve also excluded the  select all  checkbox from the jquery selector to keep the internet from blowing up when someone clicks it       function toggleSelect formname          select the form with the name  formname          then all the checkboxes named  select          then  click  them       form name   formname     checkbox name  select       click            lt form name  myform  gt      lt tr gt           lt td gt  lt input type  checkbox  id  select all                         onClick  toggleSelect  myform      gt           lt  td gt       lt  tr gt       lt tr gt           lt td gt  lt input type  checkbox  name  select     gt  lt  td gt       lt  tr gt       lt tr gt           lt td gt  lt input type  checkbox  name  select     gt  lt  td gt       lt  tr gt       lt tr gt           lt td gt  lt input type  checkbox  name  select     gt  lt  td gt       lt  tr gt   lt  table gt

User · Answer

A more complete example that should work in your case    x000D   x000D      select all   change function     x000D    var checkboxes     this  closest  form   find   checkbox    x000D    checkboxes prop  checked     this  is   checked     x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt form gt  x000D     lt table gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  id  select all    gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D     lt  table gt  x000D   lt  form gt  x000D   x000D   x000D    When the  select all checkbox is clicked  the status of the checkbox is checked and all the checkboxes in the current form are set to the same status   Note that you don t need to exclude the  select all checkbox from the selection as that will have the same status as all the others  If you for some reason do need to exclude the  select all  you can use this    x000D   x000D      select all   change function     x000D    var checkboxes     this  closest  form   find   checkbox   not   this    x000D    checkboxes prop  checked     this  is   checked     x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt form gt  x000D     lt table gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  id  select all    gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D       lt tr gt  x000D         lt td gt  lt input type  checkbox  name  select      gt  lt  td gt  x000D       lt  tr gt  x000D     lt  table gt  x000D   lt  form gt  x000D   x000D   x000D

[javascript] How to select all checkboxes with jQuery?

Examples related to javascript

Examples related to jquery

Examples related to css

Examples related to checkbox

Examples related to css-selectors