JavaScript Code
function toggle(source) {
console.log('here');
checkboxes = document.getElementsByName('checkbox[]');
for(var i=0, n=checkboxes.length;i<n;i++) {
checkboxes[i].checked = source.checked;
}
}
PHP Code generating all checkboxes dynamically
<td><input name="checkbox[<?php echo $row['id']?>]" type="checkbox" id="checkbox" value="<?php echo $row['id']; ?>"></td>
According to PHP code above All the name values are generated dynamically. Javascript code above is not able to select all the checkboxes
Please help!
After very long research finally found anser for my critical problem - Selecting & checking all the checkboxes with different name, value, id and same type.
function toggle (source) {
var checkboxes;
var len = document.frm1.elements.length;
var x = document.getElementById('all');
for(var i = 0 ; i< len;i++){
if(document.frm1.elements[i].type == "checkbox")
{
checkboxes = document.frm1.elements[i];
if(x.checked == true)
{
document.frm1.elements[i].checked = true;
}
else
{
document.frm1.elements[i].checked = false;
}
}
/*if( isAllCheck == false ){
document.frm1.elements[i].checked = "true";
//alert( "it is false" );
}else{
document.frm1.elements[i].checked = "false";
//alert( "it is true" );
}
isAllCheck = !isAllCheck; */
}
console.log(checkboxes);
for(var i=0, n=checkboxes.length;i<n;i++) {
checkboxes[i].checked = source.checked;
}
I hope this would help others...