使用js全部选中checkbox,并且进行判断 100
我现在正在做一个php页面。现在主要是做checkbox选中,判断,然后php执行这一块。每个checkbox(name是一样的)选中后都会用js做3次判断,如果失败就取...
我现在正在做一个php页面。现在主要是做checkbox选中,判断,然后php执行这一块。
每个checkbox(name是一样的)选中后都会用js做3次判断,如果失败就取消选中,成功就选中。这部分用一个function做完了。就是给每个checkbox加一个onclick(函数),来判断。
然后要做js全选的功能,全选也能选,可是之前的判断不能做了。因为是通过document.getElementById['name'].checked来获得的,之前的onclick的function不会执行。
有没有办法让js全选时,使checkbox执行onclick来判读呢?
终于写完了,好乱啊................................... 展开
每个checkbox(name是一样的)选中后都会用js做3次判断,如果失败就取消选中,成功就选中。这部分用一个function做完了。就是给每个checkbox加一个onclick(函数),来判断。
然后要做js全选的功能,全选也能选,可是之前的判断不能做了。因为是通过document.getElementById['name'].checked来获得的,之前的onclick的function不会执行。
有没有办法让js全选时,使checkbox执行onclick来判读呢?
终于写完了,好乱啊................................... 展开
2个回答
展开全部
简单,你全选的时候,直接调用绑定的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都要输入参数,并且参数都是读取自数据库对应的数据,我再研究研究
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询