JavaScript implements checkbox selection

[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>Age</td>

</tr>

</thead>

<tbody>

<tr>

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

<td>1001</td>

<td>Zhang San</td>

<td>18</td>

</tr>

<tr>

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

<td>1002</td>

<td>Lilith</td>

<td>18</td>

</tr>

<tr>

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

<td>1003</td>

<td>Vivian</td>

<td>18</td>

</tr>

</tbody>

</table>

</body>

</html>[/cp]

 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325471761&siteId=291194637