使用js全部选中checkbox，并且进行判断

Posted 2023-05-12

我现在正在做一个php页面。现在主要是做checkbox选中，判断，然后php执行这一块。

每个checkbox(name是一样的)选中后都会用js做3次判断，如果失败就取消选中，成功就选中。这部分用一个function做完了。就是给每个checkbox加一个onclick（函数），来判断。
然后要做js全选的功能，全选也能选，可是之前的判断不能做了。因为是通过document.getElementById['name'].checked来获得的，之前的onclick的function不会执行。
有没有办法让js全选时，使checkbox执行onclick来判读呢？
终于写完了，好乱啊...................................

简单，你全选的时候，直接调用绑定的onclick函数不就行了么，因为你说的这个函数已经实现了失败就取消选中，成功就选中功能，认为你在onclick函数里设置了checked。

<input type="checkbox" name="a" value="1">
<input type="checkbox" name="a" value="2">
<input type="checkbox" name="a" value="3">
<input type="button" value="全选">

<script>
var elems=document.querySelectorAll("[name=a]");
var click=function()
    //checkbox的click事件调用函数
    
    //简单的功能：值等于1的不让选
    this.checked=this._checked?false:(+this.value>1);
    this._checked=this.checked;


for(var i=0;i<elems.length;i++)
    elems[i].onclick=click;


document.querySelector("[type=button]").onclick=function()
    for(var i=0;i<elems.length;i++)
        elems[i]._checked=false;
        elems[i].onclick();
    

</script>

追问

每一个checkbox都要输入参数，并且参数都是读取自数据库对应的数据，我再研究研究

参考技术A 其实你的3次判断的逻辑完全可以写在全选/取消全选中去实现。判断checkbox的状态就可以，不必用onclick追问

有道理，我试试
好蛋疼，不好弄。个人经验不足

js判断checkbox是否被选中

if(document.getElementById("checkboxID").checked){
    alert(document.getElementById("checkbox0").value);
}