复选框全选反选只能用一次
我用jQuery写的一个全选反选的小功能,但是发现为何只能用一次?第一次可以全选反选都正常,等到下一轮的时候就不管用了,但是alert提示出的却是正确的。下面是jQuer...
我用jQuery写的一个全选反选的小功能,但是发现为何只能用一次?
第一次可以全选反选都正常,等到下一轮的时候就不管用了,但是alert提示出的却是正确的。
下面是jQuery代码,只有一行,我想这样应该可以实现的。
------------------------------------------------------------------------------
//复选框的全选和取消全选function ckAll(t){ alert(t.checked); $("input[type='checkbox']").attr("checked", t.checked);}
------------------------------------------------------------------------------
页面是这样的,如图:
ckAll(t)这个函数是家在红色箭头所指的复选框上的,用的是onClick事件,函数内穿的是this,即当前对象。
蓝色框框圈起来的部分是子复选框,当单击主复选框时全部选中子复选框,再次单击取消对子复选框的选中状态。
代码思路是这样的:
我想,每个复选框都有一个选中状态,即一个布尔值,当值为true时就是选中,否则就没有选中。
基于这个概念,单击时拿到当前单击复选框(主复选框)的选中状态,并赋给当前页面的所有复选框,应该就可以实现这样的功能了。
---------------------
但是,这样做实际上只能一次,就是只能进行一次的全选和反选,当第二轮的时候就没有效果了,百思不得其解,为什么呢?望大神们赐教!~ 展开
第一次可以全选反选都正常,等到下一轮的时候就不管用了,但是alert提示出的却是正确的。
下面是jQuery代码,只有一行,我想这样应该可以实现的。
------------------------------------------------------------------------------
//复选框的全选和取消全选function ckAll(t){ alert(t.checked); $("input[type='checkbox']").attr("checked", t.checked);}
------------------------------------------------------------------------------
页面是这样的,如图:
ckAll(t)这个函数是家在红色箭头所指的复选框上的,用的是onClick事件,函数内穿的是this,即当前对象。
蓝色框框圈起来的部分是子复选框,当单击主复选框时全部选中子复选框,再次单击取消对子复选框的选中状态。
代码思路是这样的:
我想,每个复选框都有一个选中状态,即一个布尔值,当值为true时就是选中,否则就没有选中。
基于这个概念,单击时拿到当前单击复选框(主复选框)的选中状态,并赋给当前页面的所有复选框,应该就可以实现这样的功能了。
---------------------
但是,这样做实际上只能一次,就是只能进行一次的全选和反选,当第二轮的时候就没有效果了,百思不得其解,为什么呢?望大神们赐教!~ 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询