jquery 完成checkbox的全选功能
2015-07-10 20:36
736 查看
jquery代码
html代码
<script type="text/javascript"> function allcher(){ if($('#allche').is(':checked')){ //判断全选框是否被选中 $('input[name="nnn"]').each(function(){ //name为nnn的换成选中状态 this.checked = true; }) }else{ //若不为选中状态 $('input[name="nnn"]').each(function(){ //name为nnn的换成未被选中状态 this.checked=false; }) } }
html代码
<input type="checkbox" name="nnn">值1<input type="checkbox" name="nnn">值2<input type="checkbox" name="nnn">值3<br/> <input type="checkbox" id="allche" onclick="allcher()">全选
相关文章推荐
- jquery 对 Json 的各种遍历
- jquery.ajax提交多值(数组)
- jQuery 选择器
- 黑马day16 子jquery&子元素过滤选择器
- jquery ajax参数加点号状态200进error
- JQuery EasyUI学习框架
- 使用Jquery解析Json基础知识
- 黑马day16 jquery&属性过滤选择器
- jquery 自动创建form表单提交代码 下拉条 ajax模板代码 添加_移除 属性_样式
- 黑马day16 jquery&内容过滤选择器&可见度选择器
- jquery 点击事件
- Mootools 其实有个类似Jquery的live方法的东西
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- JQuery 提供了两种方式来阻止事件冒泡及区别
- jquery blockui
- 黑马day16 jquery&基本过滤器
- jQuery原型方法.pushStack源码分析