首页 » 编程笔记 » 正文

js实现checkbox 复选框全选实用代码

<script language=javascript>
function checkboxAll(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 clearboxAll(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;
}
}
}
</script>

<input type=”checkbox” name=”checkAll” id = “checkAll” onclick=if(this.checked==true) { checkboxAll(‘id’); } else { clearboxAll(‘id’); }>全选</td>

就搞定了