在静态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>
1155
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
