时间:2021-05-26
今天这样写了一个全选和取消全选的功能:
全选:$(":checkbox").attr("checked","checked");
取消全选:$(":checkbox").removeAttr("checked");
获取选中的:$(":checked[checked='checked']")
发现点全选可以,在点取消全选也可以,获取选中的失效,接下来再点任何按钮都没有效果了
这样行不通,我也不太清楚什么原因,脚本语言就这毛病,一边灵活一边诡异,也不去找原因了,后来改成这样写
全选: $(":checkbox").prop("checked",true)
取消全选:$(":checkbox").prop("checked",false)
获取选中的:$(":checkbox:checked")
反选:
复制代码 代码如下:
$(":checkbox").each(function(){
if($(this).prop("checked")){
$(this).prop("checked",false);
}else{
$(this).prop("checked",true);
}
});
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jQuery实现table表格checkbox全选的方法。分享给大家供大家参考,具体如下:今天在页面中使用jQuery实现了全选框操作,如图:具体
1、checkbox日常jquery操作。现在我们以下面的html为例进行checkbox的操作。全选项1项2项3项4全选和全部选代码:$(function()
以前用原生JS写过checkbox——类似邮箱全选功能,点击这里。最近在学习jquery,今天抽空用jquery写个checkbox——类似邮箱全选功能。复制代
先给大家介绍下jQuery实现表格与ckeckbox的全选与单选功能。先看看下面的效果:用户点击头的checkbox时,所有表格数据行的checkbox全选或反
废话不多说了,直接给大家贴代码了,具体代码如下所示:jQuery实现CheckBox全选、全不选$(function(){$(':checkbox').clic