爱站程序员基地JQ代码
[code] <script type=\"text/javascript\">$(document).ready(function () {//添加颜色 隔行变色$(\"tbody > tr:even\").addClass(\"even\");$(\"tbody > tr:odd\").addClass(\"odd\");//当多选框被选中时让整行变色$(\":checkbox\").click(function () {//判断是否选中多选框if ($(this).attr(\"checked\")) {$(this).parents(\"tr\").addClass(\"selected\");} else {$(this).parents(\"tr\").removeClass(\"selected\");}});});</script>
[code]<body><table><thead><tr><th> </th><th>姓名</th><th>性别</th><th>暂住地</th></tr></thead><tbody><tr><td><input type=\"checkbox\" name=\"choice\" value=\"\"/></td><td>张山</td><td>男</td><td>浙江宁波</td></tr><tr><td><input type=\"checkbox\" name=\"choice\" value=\"\" /></td><td>李四</td><td>女</td><td>浙江杭州</td></tr><tr><td><input type=\"checkbox\" name=\"choice\" value=\"\" /></td><td>王五</td><td>男</td><td>湖南长沙</td></tr><tr><td><input type=\"checkbox\" name=\"choice\" value=\"\" /></td><td>找六</td><td>男</td><td>浙江温州</td></tr><tr><td><input type=\"checkbox\" name=\"choice\" value=\"\" /></td><td>Rain</td><td>男</td><td>浙江杭州</td></tr><tr><td><input type=\"checkbox\" name=\"choice\" value=\"\" /></td><td>MAXMAN</td><td>女</td><td>浙江杭州</td></tr></tbody></table></body>
效果
