Advanced Search

Processing Checkbox Group

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <script>
  2. function checkBoxes(){
  3.     var result, vals = [], checkBoxName =  document.forms['formName']['checkBoxName[]'];
  4.     for(var i=0,elm;elm = checkBoxName[i];i++) {
  5.         if(elm.checked) {
  6.             vals.push(encodeURIComponent(elm.value));
  7.         }
  8.     }
  9.     result = vals.join(', ');
  10. }
  11. </script>
  12. <form name="formName">
  13.     <input type="checkbox" name="checkBoxName[]" value="Value 1" />
  14.     <input type="checkbox" name="checkBoxName[]" value="Value 2" />
  15.     <input type="checkbox" name="checkBoxName[]" value="Value 3" />
  16.     <input type="checkbox" name="checkBoxName[]" value="Value 4" />
  17.     <input type="checkbox" name="checkBoxName[]" value="Value 5" />
  18.     <input type="button" onClick="checkBoxes()" />
  19. </form>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.