使用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 相关文章推荐
可简单避免的三个JS发布错误的详细介绍
Aug 02 Javascript
js 验证身份证信息有效性
Mar 28 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
input输入密码变黑点密文的实现方法
Jan 09 Javascript
JS中Swiper的使用和轮播图效果
Aug 11 Javascript
Angular中支持SCSS的方法
Nov 18 Javascript
详解Vue 事件修饰符capture 的使用
Dec 29 Javascript
理解Koa2中的async&amp;await的用法
Feb 05 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
微信小程序判断页面是否从其他页面返回的实例代码
Jul 03 Javascript
如何通过javaScript去除字符串两端的空白字符
Feb 06 Javascript
Node实现搜索框进行模糊查询
Jun 28 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出错界面
2006/10/09 PHP
MySql数据库查询结果用表格输出PHP代码示例
2015/03/20 PHP
今天你说520了吗?不仅有php表白书还有java表白神器
2016/05/20 PHP
php实现微信原生支付(扫码支付)功能
2018/05/30 PHP
动态加载jquery库的方法
2014/02/12 Javascript
探寻Javascript执行效率问题
2014/11/12 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
JavaScript实现动态删除列表框值的方法
2015/08/12 Javascript
纯js实现手风琴效果
2020/04/17 Javascript
jQuery使用中可能被XSS攻击的一些危险环节提醒
2016/05/24 Javascript
关于JavaScript中事件绑定的方法总结
2016/10/26 Javascript
原生JS无缝滑动轮播图
2019/10/22 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
[01:36:19]Secret vs NB 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
python实现ping的方法
2015/07/06 Python
Python的Django框架中if标签的相关使用
2015/07/15 Python
Pandas探索之高性能函数eval和query解析
2017/10/28 Python
Python django使用多进程连接mysql错误的解决方法
2018/10/08 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
windows下安装Python虚拟环境virtualenvwrapper-win
2019/06/14 Python
Python提取转移文件夹内所有.jpg文件并查看每一帧的方法
2019/06/27 Python
Python如何实现FTP功能
2020/05/28 Python
Myprotein丹麦官网:欧洲第一运动营养品牌
2019/04/15 全球购物
德国咖啡批发商:Coffeefair
2019/08/26 全球购物
英文简历自荐信范文
2013/12/11 职场文书
电子商务专业个人的自我评价
2013/12/19 职场文书
中学家长会邀请函
2014/02/03 职场文书
党校培训自我鉴定范文
2014/03/20 职场文书
项目合作意向书范本
2014/04/01 职场文书
公司领导班子对照检查材料
2014/09/24 职场文书
优秀团员事迹材料
2014/12/25 职场文书
数学教师个人总结
2015/02/06 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书
禁毒心得体会范文
2016/01/15 职场文书
员工安全责任协议书
2016/03/22 职场文书