Get checkbox list values with jQuery

Question

In a div  I have some checkbox  I d like when I push a button get all the name of all check box checked  Could you tell me how to do this     lt div id  MyDiv  gt        lt td gt  lt    Html CheckBox  need     item Id ToString     gt  lt  td gt       lt  div gt    Thanks

User · Answer

You should use map for this      input type checkbox  checked   map function i  e         return   e  val

User · Answer

var aArray       window      myDiv    find   input type checkbox  checked     each  function       aArray push  this name           You can put it in a function and execute on click of the button

User · Answer

Since nobody has mentioned this    If all you want is an array of values  an easier alternative would be to use the  map   method  Just remember to call  get   to convert the jQuery object to an array   Example Here  var names       parent input checked   map function          return this name     get     console log names      x000D   x000D  var names       parent input checked   map function      x000D      return this name  x000D     get    x000D   x000D  console log names   x000D   lt script src  https   ajax googleapis com ajax libs jquery 2 1 1 jquery min js  gt  lt  script gt  x000D   lt div class  parent  gt  x000D       lt input type  checkbox  name  name1    gt  x000D       lt input type  checkbox  name  name2    gt  x000D       lt input type  checkbox  name  name3  checked  checked    gt  x000D       lt input type  checkbox  name  name4  checked  checked    gt  x000D       lt input type  checkbox  name  name5    gt  x000D   lt  div gt  x000D   x000D   x000D    Pure JavaScript   Example Here  var elements   document querySelectorAll   parent input checked    var names   Array prototype map call elements  function el  i        return el name       console log names      x000D   x000D  var elements   document querySelectorAll   parent input checked    x000D  var names   Array prototype map call elements  function el  i   x000D      return el name  x000D      x000D   x000D  console log names   x000D   lt div class  parent  gt  x000D       lt input type  checkbox  name  name1    gt  x000D       lt input type  checkbox  name  name2    gt  x000D       lt input type  checkbox  name  name3  checked  checked    gt  x000D       lt input type  checkbox  name  name4  checked  checked    gt  x000D       lt input type  checkbox  name  name5    gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

Try this one    var listCheck       console log    input name  YourCheckBokName            input name  YourCheckBokName     checked   each function          console log   this  val          listCheck  push   this  val         console log listCheck

User · Answer

You can try this         document  ready function                button   click function                var checkBoxValues                     each    input name  check name   checked    function                    checkBoxValues push   this  val                                  console log checkBoxValues

User · Answer

Not tested but should work       MyDiv td input checked   each function         alert   this  attr  id

User · Answer

var nameCheckBoxList    myCheckListName   var selectedValues       name     nameCheckBoxList      checked   map function   return this value

User · Answer

document  ready function             someButton   click function             var names                   MyDiv input checked   each function                 names push this name                          now names contains all of the names of checked checkboxes            do something with it

[javascript] Get checkbox list values with jQuery

Examples related to javascript

Examples related to jquery