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] 删除。
我来说两句