Getting multiple selected checkbox values in a string in javascript and PHP

Question

I have location name and location Id in database table  Using foreach loop i m printing the values in checkbox in PHP  I have a submit button which triggers a javascript  I want the user selected all checkbox values separated by comma  in a javascript variable  How can I do this        lt  -- Javascript -- gt   lt script gt          function getLoc                    var all location id   document getElementByName  location     value                       var str    lt  -- Here I want the selected checkbox values  eg  1  4  6 -- gt                          lt script gt   foreach  cityrows as  cityrow   echo   lt input type  checkbox  name  location    value     cityrow  location id        gt    cityrow  location    echo   lt br gt      echo   lt input name  searchDonor  type  button  class  button  value  Search Donor  onclick  getLoc      gt

User · Answer

var fav         each    input name  name   checked    function                    fav push   this  val           It will give you the value separeted by commas

User · Answer

This is a variation to get all checked checkboxes in all location id without using an  if  statement   var all location id   document querySelectorAll  input name  location     checked     var aIds        for var x   0  l   all location id length  x  lt  l   x          aIds push all location id x  value      var str   aIds join         console log str

User · Answer

In some cases it might make more sense to process each selected item one at a time     In other words  make a separate server call for each selected item passing the value of the selected item   In some cases the list will need to be processed as a whole  but in some not     I needed to process a list of selected people and then have the results of the query show up on an existing page beneath the existing data for that person   I initially though of passing the whole list to the server  parsing the list  then passing back the data for all of the patients   I would have then needed to parse the returning data and insert it into the page in each of the appropriate places   Sending the request for the data one person at a time turned out to be much easier   Javascript for getting the selected items is described here  check if checkbox is checked javascript and jQuery for the same is described here  How to check whether a checkbox is checked in jQuery

User · Answer

This  code work fine for me  Here i contvert array to string with   sign       lt input type  checkbox  value  created  name  today check  gt  lt strong gt  amp nbsp Created amp nbsp  amp nbsp  lt  strong gt       lt input type  checkbox  value  modified  name  today check  gt  lt strong gt  amp nbsp Modified amp nbsp  lt  strong gt        lt a class  get tody btn  gt Submit lt  a gt    lt script type  text javascript  gt              get tody btn   click function                var ck string                     each    input name  today check   checked    function                      ck string          this  val                                  if  ck string                    ck string   ck string  substring 1                else                  alert  Please choose atleast one value                                      lt  script gt

User · Answer

var checkboxes   document getElementsByName  location      var vals       for  var i 0  n checkboxes length i lt n i           if  checkboxes i  checked                 vals        checkboxes i  value          if  vals  vals   vals substring 1

User · Answer

I you are using jQuery you can put the checkboxes in a form and then use something like this   var formData   jQuery       formId  serialize       ajax         type   POST         url  url        data  formData        success  success

[javascript] Getting multiple selected checkbox values in a string in javascript and PHP

Examples related to javascript

Examples related to php

Examples related to ajax

Examples related to forms

Examples related to checkbox