<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
table th, table td{border:1px solid #ccc;}
</style>
</head>
<body>
<table>
<thead>
<th><input type="checkbox" id="all"></th>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
</thead>
<tbody>
<tr>
<td><input type="checkbox" name="select"></td>
<td>1</td>
<td>李先生</td>
<td>23</td>
</tr>
<tr>
<td><input type="checkbox" name="select"></td>
<td>1</td>
<td>李先生</td>
<td>23</td>
</tr>
<tr>
<td><input type="checkbox" name="select"></td>
<td>1</td>
<td>李先生</td>
<td>23</td>
</tr>
</tbody>
</table>
<script>
var all = document.getElementById("all");
var select = document.getElementsByName("select");
all.onclick = function()
{
for(var i = 0; i < select.length; i++)
{
if(all.checked == true)
{
select[i].checked = true;
}
else
{
select[i].checked = false;
}
}
}
</script>
</body>
</html>
如何用Javascript实现全选和单选
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/csdnlinyongsheng/article/details/82775710
猜你喜欢
转载自blog.csdn.net/csdnlinyongsheng/article/details/82775710
今日推荐
周排行