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中全选、全不选、反选、无刷新删除、批量删除、即点即改入库(在yii框架中操作)的代码分享
- jquery全选/全不选/反选另一种实现方法(配合原生js)
- 比较全的JS checkbox全选、取消全选、删除功能代码
- js实现checkbox全选和反选示例
- Javascript实现CheckBox的全选与取消全选的代码
- js实现checkbox全选、不选与反选的方法
- JS实现CheckBox复选框全选全不选功能
- js与jQuery实现checkbox复选框全选/全不选的方法
- js实现(全选)多选按钮的方法【附实例】
- JS实现CheckBox复选框全选、不选或全不选功能
- JS实现的全选、全不选及反选功能【案例】