javascript - 如何解决 “Uncaught TypeError: Cannot read property ' checked' of null”

Question

我有“n”个复选框。 复选框显示:

<?php 
$result=mysql_query("select * from tablename where status='approved'");
$result1=$count=mysql_result(mysql_query("select max(id) from tablename  where status='approved'"),0);
$limit=mysql_num_rows($result);
while($row=mysql_fetch_array($result)){?> 

<input type="checkbox" name="chekgrp[]" id="cheks_<?php echo $row['id'];?>"  onclick="Checkchk()" value="<?php echo $row['id'];?>"  />
<?php }
?>

值n被设置在一个隐藏字段中

<input type ="hidden" value="<?php echo $limit; ?>" id="hiddenval" name=" hiddenval">

javascript 验证是:

var limits=parseInt(document.form.hiddenval.value);
var countelm=0;
for(i=1;i<= limits;i++){
    if (("cheks_"+i).length>0){
    if(document.getElementById("cheks_"+i).checked)
        {
            countelm = countelm +1;
        }
    }
}

如果将表中的元素更改为未批准状态，则会显示上述错误。我知道这是因为我改变了某个元素的状态。有没有其他方法来检查元素是否存在(检查长度没有帮助)？如何解决这个错误？请帮助我。

Answer 1

尝试以下操作

1. 使用 document.querySelectorAll 查找所有复选框
2. Array.prototype.slice 将列表 chop 为 $limit 个项目
3. Array.prototype.filter 将列表限制为选中的，以及
4. Array.prototype.length 获取计数

HTML/PHP

<input type="checkbox" name="chekgrp[]" id="cheks_<?= $row['id'] ?>" onclick="Checkchk()" value="<?= $row['id'] ?>" />

JS

var limits = parseInt(document.getElementById('hiddenval').value, 10)
var selector = 'input[type="checkbox"][name="chekgrp[]"]'
var countelm = Array.prototype.slice.call(document.querySelectorAll(selector), 0, limits)
    .filter(function(checkbox) { return checkbox.checked })
    .length