<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function checkAll(e,itemName){ //全选函数 e为全选对象,itemName 为子name
var aa=document.getElementsByName(itemName);
for(var i=0;i<aa.length;i++){
aa[i].checked=e.checked;
}
}
function checkItem(e,allName){ //当选取或取消选取没一个复选框时调用的函数
var all=document.getElementById(allName); //全选框对象
if(!e.checked){ //如果是取消选取那么全选框就取消选取
all.checked=false;
}
else{ //如果是选取,就要判断其他是否都已经全部选取了
var aa=document.getElementsByName(e.name);
for(var i=0;i<aa.length;i++){
if(!aa[i].checked){//如果有一个没有选上,那么就返回
return;
}
}
all.checked=true;//如果其他都选上了,全选框就要选上
}
}
</script>
<head>
<body>
<div id='container'>
<table border=1 id='table1'>
<tr>
<th class='td1'><input type=checkbox id='selectAll' onclick='checkAll(this,"cb");'><label for='selectAll'>全选</label></th>
<th>text</th>
</tr>
<tr>
<td class='td1'><input type=checkbox name='cb' onclick='checkItem(this,"selectAll");'></td>
<td class='center'>11111</td>
</tr>
<tr>
<td class='td1'><input type=checkbox name='cb'
onclick='checkItem(this,"selectAll");'></td>
<td class='center'>22222</td>
</tr>
<tr>
<td class='td1'><input type=checkbox name='cb'
onclick='checkItem(this,"selectAll");'></td>
<td class='center'>33333</td>
</tr>
<tr>
<td class='td1'><input type=checkbox name='cb'
onclick='checkItem(this,"selectAll");'></td>
<td class='center'>44444</td>
</tr>
</table>
</div>
</body>
</html>
分享到:
相关推荐
js实现checkbox 全选和取消 自己亲测可以使用
HtML javascritp checkbox 全选HtML javascritp checkbox 全选
winform DataGridView表头带CheckBox全选;winform DataGridView表头带CheckBox全选
JS控制checkbox全选、取消全选、删除功能的代码贴出来。 看下面两种实现方法:
简约时尚CSS样式,checkbox 全选或取消全选、或得到选中个数全案例使用详解
checkBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——jscheckBox全选——js
js checkbox全选 反选 取消全部设置表单html复选框
Recyclerview item上CheckBox,包括全选,取消全选,单选功能
listview带checkbox全选、取消功能精简版
checkbox.html 博文链接:https://crazymud.iteye.com/blog/426702
listview带checkbox全选、取消功能
JQuery实现checkbox的全选取消全选
DevExpress 实现checkbox全选效果,内有主要代码,虽不能直接运行,但是都有详细的注释说明
Checkbox全选反选.html
android checkbox全选反选
CheckBox全选与否,及删除问题
android ListView中的checkBox全选和反选Demo
flex Datagrid checkbox全选 Datagrid
js checkbox全选 反选 取消全部设置表单html复选框勾选
高级控件(datagridview等)中加入checkbox实现全选和反选经典例子