JavaScript实现复选框全选

时间  2019-12-19
标签 javascript 实现 复选框 全选 栏目 JavaScript 繁體版
原文   原文链接

[cp]<html lang="en"> javascript

<head> html

<meta charset="UTF-8"> java

<title>Document</title> this

<script type="text/javascript"> htm

window.onload=function(){ ip

} get

function myfunc(chk){ input

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

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

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]

相关文章
相关标签/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公众号
   欢迎关注本站公众号,获取更多信息
联系我们 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程