how to get multiple checkbox value using jquery

Question

How can I get the value of checkboxes which are selected using jquery  My html code is as follows    lt input  id  ad Checkbox1  class  ads Checkbox  type  checkbox  value  1    gt   lt input  id  ad Checkbox2  class  ads Checkbox  type  checkbox  value  2    gt   lt input  id  ad Checkbox3  class  ads Checkbox  type  checkbox  value  3    gt   lt input  id  ad Checkbox4  class  ads Checkbox  type  checkbox  value  4    gt   lt input type  button  id  save value  name  save value  value  Save    gt

User · Answer

Try this  jQuery how to get multiple checkbox s value  For Demo or more Example   x000D   x000D        document  ready function     x000D              btn click   click function    x000D              var test   new Array    x000D                 input name  programming   checked   each function     x000D                  test push   this  val     x000D                  x000D    x000D              alert  My favourite programming languages are      test   x000D              x000D          x000D   lt  DOCTYPE html gt  x000D   lt html lang  en  gt  x000D   lt head gt  x000D   lt meta charset  utf-8  gt  x000D   lt title gt jQuery Get Values of Selected Checboxes lt  title gt  x000D   lt script src  https   code jquery com jquery-3 3 1 min js  gt  lt  script gt   x000D   lt  head gt  x000D   lt body gt  x000D       lt form gt  x000D           lt h3 gt Select your favorite Programming Languages   lt  h3 gt  x000D           lt label gt  lt input type  checkbox  value  PHP  name  programming  gt  PHP lt  label gt  x000D           lt label gt  lt input type  checkbox  value  Java  name  programming  gt  Java lt  label gt  x000D           lt label gt  lt input type  checkbox  value  Ruby  name  programming  gt  Ruby lt  label gt  x000D           lt label gt  lt input type  checkbox  value  Python  name  programming  gt  Python lt  label gt  x000D           lt label gt  lt input type  checkbox  value  JavaScript  name  programming  gt  JavaScript lt  label gt  x000D           lt label gt  lt input type  checkbox  value  Rust  name  programming  gt Rust lt  label gt  x000D           lt label gt  lt input type  checkbox  value  C  name  programming  gt  C lt  label gt  x000D           lt br gt  x000D           lt button type  button  class  btn click  style  margin-top  10px   gt Click here to Get Values lt  button gt  x000D       lt  form gt  x000D   lt  body gt  x000D   lt  html gt    x000D   x000D   x000D

User · Answer

Try this   lt input name  selector    id  ad Checkbox1  class  ads Checkbox  type  checkbox  value  1    gt   lt input name  selector    id  ad Checkbox2  class  ads Checkbox  type  checkbox  value  2    gt   lt input name  selector    id  ad Checkbox3  class  ads Checkbox  type  checkbox  value  3    gt   lt input name  selector    id  ad Checkbox4  class  ads Checkbox  type  checkbox  value  4    gt   lt input type  button  id  save value  name  save value  value  Save    gt    function        function              save value   click function            var val                   checkbox checked   each function i             val i      this  val

User · Answer

You may try       save value   click function        var final               ads Checkbox checked   each function                    var values     this  val            final    values              alert final         This will return all checkbox values in a single instance   Here is a working  Live Demo

User · Answer

x000D   x000D    document  ready function    x000D      chk   click function    x000D  var d      input name test     if d is   checked     x000D     x000D    x000D      x000D      x000D   lt script src  https   cdnjs cloudflare com ajax libs jquery 3 3 1 jquery min js  gt  lt  script gt  x000D   lt input type  checkbox  name  test  gt   test1  x000D   lt input type  checkbox  name  test  gt   test2  x000D   lt input type  checkbox  name  test  gt   test3  x000D   lt input type  button  value  check  class  chk   gt  x000D   x000D   x000D

User · Answer

Since u have the same class name against all check box  thus          ads Checkbox      will give u all the checkboxes  and then you can iterate them using each loop like      ads Checkbox checked   each function       alert   this  val

User · Answer

To get an array of values from multiple checked checkboxes  use jQuery map get functions      input type checkbox  checked   map function    el        return   el  val       get      This will return array with checked values  like this one    1    2    Here is working example on jsfiddle  http   jsfiddle net 7PV2e

User · Answer

You can do it like this         ads Checkbox checked     You can iterate through them with each   and fill the array with checkedbox values   Live Demo  To get the values of selected checkboxes in array  var i   0      save value   click function             var arr                  ads Checkbox checked   each function                 arr i        this  val                           Edit  using  map    You can also use jQuery map with get   to get the array of selected checkboxe values    As a side note using this value instead of   this  val   would give better performance   Live Demo      save value   click function        var arr       ads Checkbox checked   map function            return this value         get

User · Answer

Also you can use    input name  selector       serialize     It returns URL encoded string like   selector 5B 5D 1 amp selector 5B 5D 3

User · Answer

input checked   map function i  e   return e value   toArray

User · Answer

You can get them like this          save value   click function             ads Checkbox checked   each function             alert   this  val                   jsfiddle

User · Answer

try this one    guys I am a new bee    so if I wrong then I am really sorry  But I found a solution by this way    var suggestion           health condition name checked   each function  j  ob         var odata             health condition name    ob  val               health push odata

User · Answer

Try getPrameterValues   for getting values from multiple checkboxes

[jquery] how to get multiple checkbox value using jquery

Examples related to jquery