js全选

来源:互联网 发布:数据新闻啥意思 编辑:程序博客网 时间:2024/06/01 21:13
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8" />

<title></title>
<script type="text/javascript">
function selectAll(obj){
var flag=obj.checked;

var arr=document.getElementsByClassName("it");
var i;
for(i=0;i<arr.length;i++){
arr[i].checked=flag;
}
}
</script>
</head>
<body>
<table border="1" width="200" height="400" cellpadding="0" cellspacing="0" align="center">
<tr align="center">
<td>
<input type="checkbox" onclick="selectAll(this)"/>
</td>
<td>全选</td>
</tr>
<tr align="center">
<td>
<input type="checkbox" class="it"/>
</td>
<td>java</td>
</tr>
<tr align="center">
<td><input type="checkbox" class="it" /></td>
<td>c语言</td>
</tr>
<tr align="center">
<td><input type="checkbox" class="it" /></td>
<td>c++</td>
</tr>
<tr align="center">
<td><input type="checkbox" class="it" /></td>
<td>c#</td>
</tr>
</table>
</body>
</html>