selected对话框全选
2016-04-14 12:17
218 查看
selected对话框全选
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="checklist"> <input type="checkbox" value="1" /> 篮球 <input type="checkbox" value="2" /> 足球 <input type="checkbox" value="3" /> 羽毛球 </div> <div> <input type="button" value="全选" id="selectall"> <input type="button" value="不选" id="unselect"> <input type="button" value="反选" id="reverseall"> </div> <script type="text/javascript" src="jquery-2.2.3.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#selectall").click(function () { $("#checklist :checkbox").attr('checked',true) //$("#checklist").children("input[type='checkbox']").attr('checked',true) }) $("#unselect").click(function () { $("#checklist input[type='checkbox']").attr('checked',false) // $("#checklist").children("input[type='checkbox']").attr('checked',false) }) }) </script> </body> </html>
相关文章推荐
- Linux上如何查看Deb和RPM软件包的更新日志
- 如何配置Ubuntu 16.04 GRUB 2引导加载程序
- telnet命令使用示例
- Eclipse使用hibernate插件
- 机器学习实战(7)--回归
- 『大型网站技术架构』(四):可伸缩架构
- hbase 自定义Filter
- Ext.Ajax.request
- java类的访问权限
- Linux 用命令把同一个用户加入多个组
- ZOJ 3713 In 7-bit
- java--jdbc与mysql的连接
- 康拓展开的应用
- 『大型网站技术架构』(三):高可用架构
- Android之PopupWindow类似微信右上角的弹出菜单
- ZOJ 3713 In 7-bit
- Monkey学习(3)如何在Android模拟器中安装apk
- 转载 R语言颜色基础设置
- Service服务
- (9)Java设计模式 - 外观模式(Facade)