How to get all checked checkboxes

Question

I have a set of input checkboxes with the same name and I would like to determine which checkboxes have been checked using javascript  how can I achieve that  I know only how to get all the checkboxes as follows   var checkboxes   document getElementsByName  mycheckboxes

User · Answer

In IE9   Chrome or Firefox you can do   var checkedBoxes   document querySelectorAll  input name mycheckboxes  checked

User · Answer

A simple for loop which tests the checked property and appends the checked ones to a separate array  From there  you can process the array of checkboxesChecked further if needed      Pass the checkbox name to the function function getCheckedBoxes chkboxName      var checkboxes   document getElementsByName chkboxName     var checkboxesChecked            loop over them all   for  var i 0  i lt checkboxes length  i              And stick the checked ones onto an array         if  checkboxes i  checked            checkboxesChecked push checkboxes i                    Return the array if it is non-empty  or null   return checkboxesChecked length  gt  0   checkboxesChecked   null        Call as var checkedBoxes   getCheckedBoxes  mycheckboxes

User · Answer

Get all the checked checkbox value in an array - one liner   x000D   x000D  const data       document querySelectorAll   inp checked    map e   gt  e value   x000D  console log data   x000D   lt div class  row  gt  x000D       lt input class  custom-control-input inp type  checkbox  id  inlineCheckbox1  Checked value  option1  gt   x000D       lt label class  custom-control-label  for  inlineCheckbox1  gt Option1 lt  label gt  x000D       lt input class  custom-control-input inp   type  checkbox  id  inlineCheckbox1  value  option2  gt   x000D       lt label class  custom-control-label  for  inlineCheckbox1  gt Option2 lt  label gt  x000D       lt input class  custom-control-input inp  Checked  type  checkbox  id  inlineCheckbox1  value  option3  gt   x000D       lt label class  custom-control-label  for  inlineCheckbox1  gt Option3 lt  label gt  x000D   lt  div gt  x000D   x000D   x000D

User · Answer

For a simple two-  or one  liner this code can be   checkboxes   document getElementsByName  NameOfCheckboxes    selectedCboxes   Array prototype slice call checkboxes  filter ch   gt  ch checked  true     Here the Array prototype slice call   part converts the object NodeList of all the checkboxes holding that name   NameOfCheckboxes   into a new array  on which you then use the filter method  You can then also  for example  extract the values of the checkboxes by adding a  map ch   gt  ch value  on the end of line 2  The    is javascript s arrow function notation

[javascript] How to get all checked checkboxes

Examples related to javascript

Examples related to html