Checkbox array values

Question

The values of the checkboxes are not getting stored. When i alert the values in place of selected += elements[i].value + "\n"; i am getting the values.

<script>

function whichIsChecked(){
   var selected = "";
   var elements = document.getElementsByName("colors[]");
   for(var i=0; i<=elements.length; i++){
       if(elements[i].checked){
          //alert(elements[i].value) // values are displayed
      selected += elements[i].value + "\n";
   }
   }    
  alert(selected); // not storing
}
</script>


<form method="post" action="">
  <input type="checkbox" name="colors[]" value="red">
  <input type="checkbox" name="colors[]" value="blue">
  <input type="checkbox" name="colors[]" value="green">

  <input type="button" name="submit" value="Submit" onclick="whichIsChecked()">
</form>

Hayes · Accepted Answer · 2014-06-25 17:46:41Z

3

Your for loop is going too far and causing a TypeError because elements[3] doesn't exist. Change <= to be <.

answered Jun 25, 2014 at 17:46

Hayes

8584 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Charlie Schliesser Over a year ago

+1. @karthik_spain the first step in debugging is always to check the error that your code is giving you – in this case open developer tools in Chrome or Firebug in Firefox and you'll see this error.

karthik_spain Over a year ago

@CharlieS i am already using webdeveloper tool in firefox, which gave me TypeError. Wonder if error message would have been more meaningful like "out of range" or something similar to it.

Collectives™ on Stack Overflow

Checkbox array values

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related