组合框的全选、全不选以及反选问题
来源:互联网 发布:淘宝怎么拿货 编辑:程序博客网 时间:2024/06/08 10:32
<form action="" method="post"> <input type="checkbox" name="c" id="" value="1" />1 <input type="checkbox" name="c" id="" value="2" />2 <input type="checkbox" name="c" id="" value="4" />3 <input type="checkbox" name="c" id="" value="3" />4 <input type="button" value="提交"/> <input type="button" name="" id="checkedall" value="全选" /> <input type="button" name="" id="checkedno" value="全不选" /> <input type="button" name="checkedrev" id="" value="反选" /> <div> <input type="checkbox" name="checked" id="checkedAll" value="" /><label for="checked" >全选/全不选</label> </div></form>
//全选 $(function(){ $('#checkedall').click(function(){ $('[name=c]:checkbox').prop("checked",true); })//全不选 $('#checkedno').click(function(){ $('[name=c]').prop('checked',false); }) });//反选 $('#checkedrev').click(function(){ $('input:checkbox[name=c]').each(function(){ $(this).prop('checked',!$(this).prop('checked')); }) }) //也可以使用原生js$('#checkedrev').click(function(){ $('input:checkbox[name=c]').each(function(){ this.checked=!this.checked; }) }) //全选、全不选$('#checked').click(function(){ var flag=$(this).prop('checked'); $("input[name='c']).prop('checked',flag);})
转载自《锋利的JQuery》
阅读全文
0 0
- 组合框的全选、全不选以及反选问题
- javascript实现多选框的全选、全不选以及反选
- jQuery实现表单全选、全不选以及反选的功能
- js复选框的全选,多选,全选,全不选,反选
- 复选框的全选、全不选、反选
- 复选框的全选、反选、全不选
- 全选和全不选以及反选
- 复选框联动效果以及全选非全选,反选
- Juery实现的小案例1、实现复选框的全选、全不选以及反选
- 关于复选框全选反选问题的实例
- 全选,反选,全不选
- 全选,反选,全不选
- 全选,全不选,反选
- 全选,反选,全不选
- 全选、全不选、反选
- ChokBox的全选反选以及计算数量
- javascript : 复选框的单选,全选,全不选,反选。
- 复选框的全选,多选,全不选,反选
- TokuDB引擎启动失败解决
- OpenResty通过Lua扩展NGINX实现的可伸缩的Web平台
- mysql数据库sql优化原则(经验总结)
- CSU
- IntelliJ IDEA 使用心得与常用快捷键
- 组合框的全选、全不选以及反选问题
- Selenium 调用IEDriverServer打开IE浏览器
- QT Linux
- iOS_给保存到系统相册的视频添加位置信息
- Java基础知识(二)
- 基于ubuntu搭建Redis(4.0) Cluster 高可用(HA)集群环境
- 欢迎使用CSDN-markdown编辑器
- CSS设置水平居中、垂直居中
- 排序四:堆排序