Using jquery to get all checked checkboxes with a certain class name

Question

I know I can get all checked checkboxes on a page using this      input type checkbox    each function          var sThisVal    this checked     this  val                But I am now using this on a page that has some other checkboxes that I don t want to include   How would I change the above code to only look at checked checkboxes that have a certain class on them

User · Answer

You can use something like this   HTML        lt div gt  lt input class  yourClass  type  checkbox  value  1  checked gt  lt  div gt   lt div gt  lt input class  yourClass  type  checkbox  value  2  gt  lt  div gt   lt div gt  lt input class  yourClass  type  checkbox  value  3  checked gt  lt  div gt   lt div gt  lt input class  yourClass  type  checkbox  value  4  gt  lt  div gt     JQuery        yourClass checkbox   filter   checked      It will choose values of 1 and 3

User · Answer

HTML   lt p gt   lt input type  quot checkbox quot  name  quot fruits quot  id  quot fruits quot   value  quot 1 quot    gt  Apple  lt  p gt    lt p gt   lt input type  quot checkbox quot  name  quot fruits quot  id  quot fruits quot   value  quot 2 quot    gt  Banana  lt  p gt    lt p gt   lt input type  quot checkbox quot  name  quot fruits quot  id  quot fruits quot   value  quot 3 quot    gt  Mango  lt  p gt    lt p gt   lt input type  quot checkbox quot  name  quot fruits quot  id  quot fruits quot   value  quot 4 quot    gt  Grape  lt  p gt   Jquery  for storing the selected fruit values define array    fruitArray           each will iterate the checked check boxes and pushed into array      each    quot input name  fruits   checked quot    function  K  V            fruitArray push V value

User · Answer

lt input type  checkbox  id  Checkbox1  class    chk  value    1    gt   lt input type  checkbox  id  Checkbox2  class    chk  value    2    gt   lt input type  checkbox  id  Checkbox3  class    chk  value    3    gt   lt input type  checkbox  id  Checkbox4  class    chk  value    4    gt   lt input type  button  id  demo  value    Demo    gt    lt script type    text javascript  src    http   ajax aspnetcdn com ajax jQuery jquery-1 6 1 min js  gt  lt  script gt   lt script type  text javascript  gt          demo   live  click   function                 input checkbox class chk  checked   each function                  alert  Id        this  attr  id       Value        this  val                          lt  script gt    http   www jqueryfaqs com Articles Get-values-of-all-checked-checkboxes-by-class-name-using-jQuery aspx

User · Answer

document  ready function           input checkD type  checkbox     click function            if   this  prop  checked      true                 this  val  true                      else if   this  prop  checked      false                 this  val  false

User · Answer

Obligatory  map example   var checkedVals       theClass checkbox checked   map function         return this value     get    alert checkedVals join

User · Answer

input checkbox class   each function             var sThisVal    this checked     this  val                  An example to demonstrate     checkbox is a selector for checkboxes  in fact  you could omit the input part of the selector  although I found niche cases where you would get strange results doing this in earlier versions of the library  I m sure they are fixed in later versions    class is the selector for element class attribute containing class

User · Answer

I m not sure if it helps for your particular case  and I m not sure if in your case  the checkboxes you want to include only are all part of a single form or div or table  but you can always select all checkboxes inside a specific element  For example    lt ul id  selective  gt    lt li gt  lt input type  checkbox  value         gt  lt  li gt    lt li gt  lt input type  checkbox  value         gt  lt  li gt    lt li gt  lt input type  checkbox  value         gt  lt  li gt    lt li gt  lt input type  checkbox  value         gt  lt  li gt   lt  ul gt    Then  using the following jQuery  it ONLY goes through the checkboxes within that UL with id  selective        selective input checkbox   each function       var sThisVal    this checked     this  val

User · Answer

theClass checkbox checked   will give you all the checked checkboxes with the class theClass

User · Answer

A simple way to get the ids of the checked check boxes by class name     quot  yourClassName checkbox checked quot   each function          console log   this  attr  quot id quot

User · Answer

You can try like this  let values    function                     let a                           chkboxes checked   each function                         a push   this  val                                         return a

User · Answer

I know this has a bunch of great answers on this question already but I found this while browsing around and I find it really easy to use  Thought I d share for anyone else looking   HTML    lt fieldset gt       lt  -- these will be affected by check all -- gt       lt div gt  lt input type  checkbox  class  checkall  gt  Check all lt  div gt       lt div gt  lt input type  checkbox  gt  Checkbox lt  div gt       lt div gt  lt input type  checkbox  gt  Checkbox lt  div gt       lt div gt  lt input type  checkbox  gt  Checkbox lt  div gt   lt  fieldset gt   lt fieldset gt       lt  -- these won t be affected by check all  different field set -- gt       lt div gt  lt input type  checkbox  gt  Checkbox lt  div gt       lt div gt  lt input type  checkbox  gt  Checkbox lt  div gt       lt div gt  lt input type  checkbox  gt  Checkbox lt  div gt   lt  fieldset gt    jQuery     function              checkall   on  click   function                this  closest  fieldset   find   checkbox   prop  checked   this checked                 Reference  Easiest  Check All  with jQuery

User · Answer

input myclass type checkbox    each function         var sThisVal    this checked     this  val                See jQuery class selectors

User · Answer

Simple way to get all of values into an array  var valores    function          var valor              input className type checkbox    each function              if  this checked              valor push   this  val                 return valor          console log valores

User · Answer

input name   lt your name of selected group checkboxes gt    checked   val

User · Answer

If you need to get the value of all checked checkboxes as an array   let myArray    function         let a               checkboxes checked   each function             a push this value               return a

User · Answer

input theclass type checkbox    each function         var sThisVal    this checked     this  val

User · Answer

input yourClass checkbox checked   each function          var sThisVal     this  val          This would get all checkboxes of the class name  yourClass    I like this example since it uses the jQuery selector checked instead of doing a conditional check   Personally I would also use an array to store the value  then use them as needed  like   var arr          input yourClass checkbox checked   each function          arr push   this  val

[jquery] Using jquery to get all checked checkboxes with a certain class name

Examples related to jquery

Examples related to jquery-selectors

Examples related to checkbox