CheckBox全选,不要相信JQuery,还是原生的好~
2016-03-01 19:46
721 查看
情景
最近在做一个表单,里面有个需求是要做个CheckBox全选,以为JQuery可以轻松解决问题,但是知道作上了才知道不行,很恼火,果断选了原生的,如下:实现
错误的示例
//复选框事件 //全选、取消全选的事件 function selectAll(){ if ($("#chk_all").attr("checked")) { $("input[name='channelIds']").attr("checked",true); } else { $("input[name='channelIds']").attr("checked",false); } }
正确的示例
//复选框事件 //全选、取消全选的事件 function selectAll() { var checkedValue = document.getElementById("chk_all").checked; var obj = document.getElementsByName("channelIds"); var len = obj.length ; for (var i = 0; i < len; i++) { obj[i].checked = checkedValue; } }
注:
请踊跃指错,将不断改进
相关文章推荐
- jQuery--jq对象和dom对象
- 分享一个不错的jquery表单验证插件
- jquery插件编写学习
- jquery 页面高度、宽度
- PHP+JQuery实现ajax跨域
- jquery自定义右键菜单、全选、不连续选择
- jQuery插件:跨浏览器复制jQuery-zclip
- 【转载】jQuery插件开发精品教程,让你的jQuery提升一个台阶
- 动态生成表格、隐藏表格、选中删除任意行、jquery、输入验证
- jQuery ajax的traditional参数的作用
- JS 实现 jQuery的$(function(){});
- Jquery获取用户控件页面中控件的值
- jquery combotree\datagrid 包引用
- jQuery中的Ajax
- jquery设置元素的readonly和disabled
- jquery基础学习之动画效果
- 代码: jquery 插件开发(自用插件)
- 利用原生js提升jquery选择器的性能
- jQuery Ajax和$.ajax jqXHR实现教程
- Jquery判断页面图片是否加载失败,加载失败则显示默认图片