选择javascript中的所有复选框-复选框具有不同值的数组

Rohit 发表于 Dev

罗希特

JavaScript代码

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代码动态生成所有复选框

    <td><input name="checkbox[<?php echo $row['id']?>]" type="checkbox" id="checkbox" value="<?php echo $row['id']; ?>"></td>

根据上面的PHP代码，所有名称值都是动态生成的。上面的Javascript代码无法选中所有复选框

请帮忙！

经过很长时间的研究，终于找到了解决我的关键问题的答案-选择并选中所有具有不同名称，值，ID和相同类型的复选框。

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;

       }

我希望这对其他人有帮助...

用户名

var inputs = document.getElementsByTagName("input");
var checkboxes=[];
for(var i = 0; i < inputs.length; i++) {
if(inputs[i].type == "checkbox") {
    checkboxes.push( inputs[i] ); 
}  
}

如果您想检查所有这些，则必须inputs[i].checked = true;在if条件内添加该行

提示：不要为复选框分配相同的ID ！！！

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。