使用js如何实现全选与全不选
更新时间：2013年12月30日 15:37:02 作者：
全选与全不选在管理界面还是比较实用的，下面通过checkAll与clearAll两个函数来轻松实现，感兴趣的朋友不要错过
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"/>
复制代码 代码如下:
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实现数字前补“0”的五种方法,结合具体实例形式分析了javascript数字前补0的相关操作技巧,涉及javascript字符串遍历、迭代、截取、构造等操作,需要的朋友可以参考下2019-01-01
这篇文章主要介绍了使用javascript实现类似超链接的效果的特效，通过示例熟悉javascript事件，这里推荐给大家。2014-12-12
这篇文章主要介绍了JS实现的添加弹出层并完成锁屏操作,涉及JS针对页面元素与样式动态操作相关技巧,需要的朋友可以参考下2017-04-04
本篇文章主要是对javascript避免数字计算精度误差的方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
本文将给大家详细介绍一下iframe的基本介绍与使用,iframe（内嵌框架）是 HTML 中一种用于将一个网页嵌入到另一个网页中的标签,它可以在一个页面中显示来自其他页面的内容,需要的朋友可以参考下2024-02-02
这篇文章主要介绍了JS 根据子网掩码，网关计算出所有IP地址范围,涉及IP地址、子网的正则验证,子网掩码计算等相关操作技巧,需要的朋友可以参考下2016-09-09
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
这篇文章主要介绍了JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题做个笔录，以防出现类似错误,需要的朋友可以参考下2016-08-08
这篇文章主要为大家详细介绍了JavaScript实现轮播图特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-04-04
这篇文章主要介绍了微信小程序收货地址API兼容低版本解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了es6 for循环中let和var区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
最新评论