<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="img/jquery-3.4.1.js"></script>
<script type="text/javascript">
window.onload=function(){
var check_reverse = document.getElementById("check_reverse");
check_reverse.onclick=function(){
var items = document.getElementsByName("items");
for(var i=0;i<items.length;i++){
items[i].checked=!items[i].checked;
}
}
}
</script>
</head>
<body>
<table style="border-collapse:collapse;"; border="1px" align="center">
<tr align="center">
<td><input type="checkbox" id="check_reverse"/></td>
<td><b>订单编号</b></td>
<td><b>订单商品</b></td>
<td><b>订单备注信息</b></td>
<td><b>创建时间</b></td>
</tr>
<tr align="center">
<td><input type="checkbox" name="items"/></td>
<td>1001</td>
<td>卫龙辣条、老干妈、唐僧肉</td>
<td>全是最爱</td>
<td>2019年3月29日09:29:04</td>
</tr>
<tr align="center">
<td><input type="checkbox" name="items"/></td>
<td>1002</td>
<td>卫龙辣条、老干妈、唐僧肉</td>
<td>全是最爱</td>
<td>2019年3月29日09:29:04</td>
</tr>
<tr align="center">
<td><input type="checkbox" name="items"/></td>
<td>1003</td>
<td>卫龙辣条、老干妈、唐僧肉</td>
<td>全是最爱</td>
<td>2019年3月29日09:29:04</td>
</tr>
<tr align="center">
<td><input type="checkbox" name="items"/></td>
<td>1004</td>
<td>卫龙辣条、老干妈、唐僧肉</td>
<td>全是最爱</td>
<td>2019年3月29日09:29:04</td>
</tr>
</table>
</body>
</html>
表格的全选/全不选功能
最新推荐文章于 2021-12-29 17:40:23 发布