Looping through a checkbox array that has one element
16,619
Solution 1
Two suggestions:
use
getElementsByName
instead to get all the elements so you can iterate them:Use a framework like jquery. Any reason you can't use jquery or another framework? Your life would be so much easier.
var tags = document.getElementsByName('tags');
for(var i = 0; i < tags.length; ++i)
{
if(tags[i].checked) .....
}
Solution 2
Why do you need Checkboxes? Wouldn't this be a great opportunity to use Radiobuttons?
Solution 3
You want radio buttons.
<input type='radio' name='tags' value='[whatever]' />
You won't have to 'check and make sure only one is selected'. And to get the
var tags = document.getElementsByName('tags'),
value = '', i = 0;
for( ; i < tags.length; i++ )
{
if( tags[i].checked ) {
value = tags[i].value;
break;
}
}
Author by
Admin
Updated on June 05, 2022Comments
-
Admin almost 2 years
I have a list of dynamically created checkboxes named "tags" which I loop through with javascript to make sure only 1 is checked and to get the value. If for some reason this list of checkboxes only has 1 item, my script won't look at it. When I alert the tag's length I get undefined.
var total=[]; for (var i=0; i < document.form1.tags.length; i++){ if(document.form1.tags[i].checked==true){ total.push(document.form1.tags[i].value); } } if(total.length==0){ alert("Please select a product to edit."); }else if (total.length>1){ alert("Please select only one product to edit."); }else{ document.location = "go somewhere"; }
-
Admin over 11 yearsCan't use radio buttons. Depending on what button is pressed multiple selections is allowed.