zoukankan      html  css  js  c++  java
  • js04-表格的全选与不选

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script>
    			
    			function init(){
    				var tab =document.getElementById("tab")   //得到表格
    				var rows = tab.rows
    				for (var i = 1;i <rows.length;i++) {
    					if (i%2 == 0) {
    						rows[i].bgColor = "red"
    					} else{
    						rows[i].bgColor = "yellow"
    					}
    				}
    			}
    			
    		</script>
    	</head>
    	<body onload="init()">
    		<table border="1px" width="600px" id="tab">
    			<tr>
    				<td>
    					<input type = "checkbox" />
    				</td>
    				<td>分类ID</td>
    				<td>分类名称</td>
    				<td>分类商品</td>
    				<td>分类描述</td>
    				<td>分类操作</td>
    			</tr>
    			<tr>
    				<td>
    					<input type = "checkbox" />
    				</td>
    				<td>1</td>
    				<td>手机数码</td>
    				<td>华为,小米</td>
    				<td>黑马数码智联最好</td>
    				<td>
    					<a href="#">修改</a> <a href="#">删除</a>
    				</td>
    			</tr>
    			<tr>
    				<td>
    					<input type = "checkbox" />
    				</td>
    				<td>2</td>
    				<td>分类名称</td>
    				<td>分类商品</td>
    				<td>分类描述</td>
    				<td>分类操作</td>
    			</tr>
    			<tr>
    				<td>
    					<input type = "checkbox" />
    				</td>
    				<td>3</td>
    				<td>分类名称</td>
    				<td>分类商品</td>
    				<td>分类描述</td>
    				<td>分类操作</td>
    			</tr>
    			<tr>
    				<td>
    					<input type = "checkbox" />
    				</td>
    				<td>4</td>
    				<td>分类名称</td>
    				<td>分类商品</td>
    				<td>分类描述</td>
    				<td>分类操作</td>
    			</tr>
    			<tr>
    				<td>
    					<input type = "checkbox" />
    				</td>
    				<td>5</td>
    				<td>分类名称</td>
    				<td>分类商品</td>
    				<td>分类描述</td>
    				<td>分类操作</td>
    			</tr>
    			
    			
    		</table>
    	</body>
    </html>
    

      

    竹杖芒鞋轻胜马,一蓑烟雨任平生。 回首向来萧瑟处,也无风雨也无晴。
  • 相关阅读:
    js的innerHTML和jquery的html
    CLR_via_C#.3rd 翻译[25.8 使用线程的理由]
    销魂睡姿16式
    CLR_via_C#.3rd 笔记[25.10 前台线程和后台线程]
    NHibernate Reading NotesBasic ConceptⅡ
    CLR_via_C#.3rd 翻译[25.6 CLR线程和windows线程]
    CLR_via_C#.3rd 翻译[25.4 CPU趋势 ]
    NHibernate Reading NotesBasic ConceptⅠ
    JQuery笔记Ⅰ朦胧篇
    NH菜鸟笔记Ⅰ
  • 原文地址:https://www.cnblogs.com/yaobiluo/p/13200217.html
Copyright © 2011-2022 走看看