最简单的checkbox全选反选操作
来源:互联网 发布:js判断是否为空 empty 编辑:程序博客网 时间:2024/06/08 09:47
之前写过一个checkbox全选反选的功能,觉得很麻烦,后来发现一个特别简单就记录一下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><title>jQuery实现CheckBox全选、全不选</title><script src="http://code.jquery.com/jquery-1.4.4.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { $("#checkAll").click(function() { $('input[name="subBox"]').prop("checked",this.checked); }); var $subBox = $("input[name='subBox']"); $subBox.click(function(){ $("#checkAll").prop("checked",$subBox.length == $("input[name='subBox']:checked").length ? true : false); }); }); </script> </head><body> <div> <input id="checkAll" type="checkbox" />全选 <input name="subBox" type="checkbox" />项1 <input name="subBox" type="checkbox" />项2 <input name="subBox" type="checkbox" />项3 <input name="subBox" type="checkbox" />项4 </div></body></html>
效果:
阅读全文
1 0
- 最简单的checkbox全选反选操作
- 非常简单的Jquery版checkbox全选反选功能
- jQuery操作 checkbox 的全选、反选 , radio, select 功能
- jquery_笔记checkbox的操作,全选,反选,
- 表单提交全选反选checkbox的批量操作
- Jquery操作checkbox全选、反选失效的问题解决
- jquery 对 checkbox 的 全选、反选、全不选等操作
- jquery 对 checkbox 的 全选、反选、全不选等操作
- jquery 操作 checkbox 全选、反选、清除
- checkbox全选反选
- checkbox 全选 反选
- checkbox全选反选
- checkbox,全选,反选
- checkbox全选反选
- jquery checkbox的相关操作——全选、反选、获得所有选中的checkbox
- checkbox的全选和反选
- checkBox的全选和 反选
- checkBox的全选和反选
- Jenkins之用户管理
- 并发与并行的区别
- 【Android笔记-7】Fragment碎片
- C-Free 5.0之头文件路径设置问题
- SpringBoot集成Rabbit使用TopicRabbit指定发送集合
- 最简单的checkbox全选反选操作
- UVA 1203 Argus
- golang 代码扩展
- SpringBoot整合多数据源xml方式
- Parallel.For()和普通的for性能比较
- Spring boot 两种热部署方式 springloader 和 devtools
- jsp中嵌入iframe,因为请求域名相同导致session失效
- (原创)ContentProvider内容提供者入门
- Java网络编程——Socket