在静态html页面中,经常会用到表格,而表格中有时会用到全选框,表示下列选项全部选中,其实这个功能还是挺容易实现的,就是一个javascript函数,看下面的例子
<head>
<script type="text/javascript" >
function toSelect(b){
var input = document.getElementsByTagName("input");
for (var i=0;i<input.length ;i++ )
{
if(input[i].type=="checkbox")
input[i].checked = b;
}
}
</script>
</head>
<body>
<table>
<tr class="table_title_bg">
<td width="10%"><input οnclick="if(this.checked==true){toSelect(true);}else{ck(false);}" type="checkbox"/>选择</td>
<td width="15%">序号</td>
<td width="25%">姓名</td>
<td width="50%">单位</td>
</tr>
<tr>
<td><input type="checkbox"/></td>
<td>1</td>
<td>张三</td>
<td>中国联通</td>
</tr>
<tr>
<td><input type="checkbox"/></td>
<td>2</td>
<td>李四</td>
<td>中国移动</td>
</tr>
</table>
</body>
<head>
<script type="text/javascript" >
function toSelect(b){
var input = document.getElementsByTagName("input");
for (var i=0;i<input.length ;i++ )
{
if(input[i].type=="checkbox")
input[i].checked = b;
}
}
</script>
</head>
<body>
<table>
<tr class="table_title_bg">
<td width="10%"><input οnclick="if(this.checked==true){toSelect(true);}else{ck(false);}" type="checkbox"/>选择</td>
<td width="15%">序号</td>
<td width="25%">姓名</td>
<td width="50%">单位</td>
</tr>
<tr>
<td><input type="checkbox"/></td>
<td>1</td>
<td>张三</td>
<td>中国联通</td>
</tr>
<tr>
<td><input type="checkbox"/></td>
<td>2</td>
<td>李四</td>
<td>中国移动</td>
</tr>
</table>
</body>