JavaScript - 复选框的全选和取消
浏览数：26 /
时间：2015年06月08日
复选框的全选和取消
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>复选框的全选和取消</title>
<style type="text/css">
table{
width:400px;
text-align:center;
}
</style>
<script type="text/javascript">
window.onload=function(){
$("all").onclick=function(){
var stus=document.getElementsByName("stu");
if($("all").checked==true){
for(var i=0;i<stus.length;i++){
stus[i].checked=true;
}
}else{
for(var i=0;i<stus.length;i++){
stus[i].checked=false;
}
}
};
};
function $(id){
return document.getElementById(id);
}
</script>
</head>
<body>
<form action="" method="post">
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<th><input type="checkbox" id="all" value="全选"/>全选</th>
<th>姓名</th>
<th>java</th>
<th>html</th>
<th>javascript</th>
</tr>
<tr>
<td><input type="checkbox" name="stu" /></td>
<td>赵信</td>
<td>85</td>
<td>79</td>
<td>67</td>
</tr>
<tr>
<td><input type="checkbox" name="stu" /></td>
<td>盖伦</td>
<td>85</td>
<td>97</td>
<td>67</td>
</tr>
<tr>
<td><input type="checkbox" name="stu" /></td>
<td>石头人</td>
<td>85</td>
<td>79</td>
<td>67</td>
</tr>
</table>
</form>
</body>
</html>郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
