<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function init() {
var tab11 = document.getElementById("tab1")
var rows = tab11.rows;
for(var i = 1; i < rows.length; i++) {
if(i % 2 == 1) {
rows[i].bgColor = "cyan"
} else {
rows[i].bgColor = "yellow"
}
}
}
function checkAll() {
var check1 = document.getElementById("check1");
var inputAll = document.getElementsByTagName("input");
var checkOne = document.getElementsByName("checkOne");
var checkedState = check1.checked; //获取当前check1的checked状态
for(var i = 1; i < inputAll.length; i++) {
inputAll[i].checked = checkedState;
}
}
</script>
</head>
<body οnlοad="init()">
<table border="1px" width="600px" id="tab1">
<tr bgcolor="orangered">
<td><input type="checkbox" οnclick="checkAll()" id="check1" name="checkOne" /></td>
<td>分类ID</td>
<td>分类名称</td>
<td>分类商品</td>
<td>分类描述</td>
<td>操作</td>
</tr>
<tr>
<td><input type="checkbox" name="checkOne" id="" value="" /></td>
<td>1</td>
<td>手机数码</td>
<td>华为,小米,尼康</td>
<td>黑马数码产品质量最好</td>
<td>
<a href="#">修改</a>|
<a href="#">删除</a>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checkOne" id="" value="" /></td>
<td>2</td>
<td>冰箱彩電</td>
<td>海爾,TCL,康佳</td>
<td>支持轉接,不支持</td>
<td>
<a href="#">修改</a>|
<a href="#">删除</a>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checkOne" id="" value="" /></td>
<td>3</td>
<td>鞋子箱包</td>
<td>耐克,阿迪,喬丹</td>
<td>進口,出口</td>
<td>
<a href="#">修改</a>|
<a href="#">删除</a>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checkOne" id="" value="" /></td>
<td>4</td>
<td>香烟酒水</td>
<td>黃鶴樓,芙蓉王,紅塔山</td>
<td>有毒,無毒</td>
<td>
<a href="#">修改</a>|
<a href="#">删除</a>
</td>
</tr>
<tr>
<td><input type="checkbox" name="checkOne" id="" value="" /></td>
<td>5</td>
<td>黑馬超市</td>
<td>JAVA,PYTHON,HTML</td>
<td>黑马数码产品质量最好</td>
<td>
<a href="#">修改</a>|
<a href="#">删除</a>
</td>
</tr>
</table>
</body>
</html>