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

时间:2013-12-30    点击:94   
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"/>
js模仿hover的具体实现代码
jquery复选框全选/取消示例
jquery动态添加option示例
js验证输入是否为手机号码或电话号码示例
javascript使用onclick事件改变选中行的颜色
> 返回     
地址:上海市普陀区胶州路941号长久商务中心 电话: QQ:
© Copyright 2012 上海网络 Product All Rights Reserved