JavaScript实现复选框全选

[cp]<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script type="text/javascript">

window.onload=function(){

}

function myfunc(chk){

var chklist=document.getElementsByName('chkstu');

for(var i=0;i<chklist.length;i++){

chklist[i].checked=chk.checked;

}

}

</script>

</head>

<body>

<table border="1" width="300" height="200">

<thead>

<tr>

<td><input type="checkbox" id="checkall" onclick="myfunc(this)">全选</td>

<td>学号</td>

<td>姓名</td>

<td>年龄</td>

</tr>

</thead>

<tbody>

<tr>

<td><input type="checkbox" name="chkstu"></td>

<td>1001</td>

<td>张三</td>

<td>18</td>

</tr>

<tr>

<td><input type="checkbox" name="chkstu"></td>

<td>1002</td>

<td>莉莉丝</td>

<td>18</td>

</tr>

<tr>

<td><input type="checkbox" name="chkstu"></td>

<td>1003</td>

<td>薇薇安</td>

<td>18</td>

</tr>

</tbody>

</table>

</body>

</html>[/cp]

猜你喜欢

转载自my.oschina.net/u/3820352/blog/1794736
今日推荐