如何解决“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 将列表截断为 $limit 项目
3. Array.prototype.filter 将列表限制为 checked，并且
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