第二种 复选框的写法
来源:互联网 发布:eg ti5 知乎 编辑:程序博客网 时间:2024/06/06 04:48
<form method="post" action=""> 你爱好的运动是? <input type="checkbox" id="CheckedAll" />全选/全不选 <br/> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球" />篮球 <input type="checkbox" name="items" value="羽毛球" />羽毛球 <input type="checkbox" name="items" value="乒乓球" />乒乓球 <br/> <input type="button" id="send" value="提 交" /> </form> <script type="text/javascript" src="jquery-1.7.js"></script> <script type="text/javascript"> jQuery.noConflict(); (function($) { $('#CheckedAll').click(function() { $('[name=items]:checkbox').prop('checked', this.checked); }); // $('[name=items]:checkbox').click(function() { // var $tmp = $('[name=items]:checkbox'); // $('#CheckedAll').prop('checked', $tmp.length == $tmp.filter(':checked').length); // }); /*思路二*/ $('[name=items]:checkbox').click(function() { var flag = true; var $tmp = $('[name=items]:checkbox'); $tmp.each(function(index, el) { if (!this.checked) { flag = false; } }); $('#CheckedAll').prop('checked', flag); }); })(jQuery); </script>
0 0
- 第二种 复选框的写法
- 快速排序的第二种写法
- ExcelUtils第二种写法
- 关于全选按钮和复选框只能选中其中一个的js写法
- 复选框的处理
- 复选框的问题
- 复选框的使用
- 复选框的选择
- 复选框的应用
- 漂亮的复选框
- 复选框的全选
- 复选框的使用
- 复选框的美化
- reflux+react web 第二种写法
- VC++60 第二章 按钮、编辑框和复选框
- 复选框,复选框
- 工具类的第二种写法(jdbc中获取连…
- Struts复选框的实现
- [XCode错误]XCode编译出错异常:ld: framework not found Kernel clang: error: linker command failed with e
- IOS - 关于我们页面
- Maven包的冲突问题
- GRE写作必备句型
- 【玩转cocos2d-x之六】节点类CCNode
- 第二种 复选框的写法
- hadoop学习笔记(为什么hadoop的出现)
- 梦想是未来最好的保障
- artDialog提示框、对话框
- HBase表预分区
- 【玩转cocos2d-x之七】场景类CCScene和布景类CCLayer
- Android拍照、摄像方向旋转的问题 代码详解
- const int i; int const p; int *const p;
- 高并发量网站解决方案