使用js如何实现全选与全不选


Posted in Javascript onDecember 30, 2013

js:

function checkAll(name) { 
var el = document.getElementsByTagName('input'); 
var len = el.length; 
for(var i=0; i<len; i++){ 
if((el[i].type=="checkbox") && (el[i].name==name)){ 
el[i].checked = true; 
} 
} 
} 
function clearAll(name) { 
var el = document.getElementsByTagName('input'); 
var len = el.length; 
for(var i=0; i<len; i++){ 
if((el[i].type=="checkbox") && (el[i].name==name)){ 
el[i].checked = false; 
} 
} }

html:
全选<input type="checkbox" id="qx" onClick="if(this.checked==true) { checkAll('productId'); } else { clearAll('productId'); }" id="qx"/>
Javascript 相关文章推荐
javascript跨域刷新实现代码
Jan 01 Javascript
js清理Word格式示例代码
Feb 13 Javascript
推荐JavaScript实现继承的最佳方式
Nov 11 Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
详解axios在vue中的简单配置与使用
May 10 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
vue定义全局变量和全局方法的方法示例
Aug 01 Javascript
Vue2.2.0+新特性整理及注意事项
Aug 22 Javascript
angular6开发steps步骤条组件
Jul 04 Javascript
Javascript文本框脚本实现方法解析
Oct 30 Javascript
ES6的循环与可迭代对象示例详解
Jan 31 Javascript
javascript操作css属性
Dec 30 #Javascript
JS延迟加载加快页面打开速度示例代码
Dec 30 #Javascript
深入理解javascript中return的作用
Dec 30 #Javascript
禁止IE用右键的JS代码
Dec 30 #Javascript
js将控件隐藏及display属性的使用介绍
Dec 30 #Javascript
JS的document.all函数使用示例
Dec 30 #Javascript
Jquery插件easyUi表单验证提交(示例代码)
Dec 30 #Javascript
You might like
基于PHP编程注意事项的小结
2013/04/27 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
Zend Framework实现具有基本功能的留言本(附demo源码下载)
2016/03/22 PHP
PHP二分查找算法示例【递归与非递归方法】
2016/09/29 PHP
js window.onload 加载多个函数的方法
2009/11/02 Javascript
JQuery 遮罩层实现(mask)实现代码
2010/01/09 Javascript
JavaScript对象学习经验整理
2013/10/12 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
jQuery中:visible选择器用法实例
2014/12/30 Javascript
完美兼容多浏览器的js判断图片路径代码汇总
2015/04/17 Javascript
JS中Eval解析JSON字符串的一个小问题
2016/02/21 Javascript
JavaScript 实现的checkbox经典实例分享
2016/10/16 Javascript
js仿iphone秒表功能 计算平均数
2017/01/11 Javascript
React中使用collections时key的重要性详解
2017/08/07 Javascript
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
js中DOM事件绑定分析
2018/03/18 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
vue-cli配置环境变量的方法
2018/07/09 Javascript
vue 实现微信浮标效果
2019/09/01 Javascript
JS常用正则表达式超全集(密码强度校验,金额校验,IE版本,IPv4,IPv6校验)
2020/02/03 Javascript
浅谈Vue static 静态资源路径 和 style问题
2020/11/07 Javascript
[00:32]2018DOTA2亚洲邀请赛Newbee出场
2018/04/03 DOTA
python 实现图片裁剪小工具
2021/02/02 Python
CSS3中:nth-child和:nth-of-type的区别深入理解
2014/03/10 HTML / CSS
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
Julep官网:美容产品和指甲油
2017/02/25 全球购物
印度和世界各地的精美产品:Ikka Dukka
2018/02/12 全球购物
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
完美实现CSS垂直居中的11种方法
2021/03/27 HTML / CSS
新文化运动的基本口号
2014/06/21 职场文书
企业员工爱岗敬业演讲稿
2014/08/26 职场文书
党支部先进事迹材料
2014/12/24 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
html5+实现plus.io进行拍照和图片等获取
2022/06/01 HTML / CSS