jquery学习之-设置table奇偶行的背景色,并触发单选框选中效果
来源:互联网 发布:常见网络攻击手段 编辑:程序博客网 时间:2024/04/28 00:42
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>TableBackColorDemo</title>
<style>
.even{background:#FFF38F;}
.odd{background:#FFFFEE;}
.selected{background:#FF9900;}
</style>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
var last;
var lastClass;
$(function(){
$("tr:odd").addClass("odd");
$("tr:even").addClass("even");
$("tr").click(function()
{
var end = $(this).addClass("selected").siblings().removeClass("selected").end();
end.find(":radio").attr("checked", true);
end.siblings().find(":radio").attr("checked", false);
});
});
</script>
</head>
<body>
<table>
<thead>
<tr><th></th><th>姓名</th><th>性别</th><th>暂住地</th></tr>
</thead>
<tbody>
<tr><td><input type="radio" ></td><td>张山</td><td>男</td><td>浙江宁波</td></tr>
<tr><td><input type="radio" ></td><td>李四</td><td>女</td><td>浙江杭州</td></tr>
<tr><td><input type="radio" ></td><td>王五</td><td>男</td><td>湖南长沙</td></tr>
<tr><td><input type="radio" ></td><td>赵六</td><td>男</td><td>浙江宁波</td></tr>
<tr><td><input type="radio" ></td><td>Rain</td><td>男</td><td>浙江温州</td></tr>
</tbody>
</table>
</body>
- jquery学习之-设置table奇偶行的背景色,并触发单选框选中效果
- jquery css 设置table的奇偶行背景色
- 设置tableview选中行的背景色
- Jquery 行选中背景色
- 设置 cell 的背景色,背景图 ,选中效果
- 设置ListView奇偶行不同的背景色
- Extjs学习笔记---设置GridPanel选中行背景色和选中单元格背景色
- Swing之JTable篇设置表格选中行的前景色和背景色
- css设置表格奇偶行背景色
- jquery学习之-设置正在编辑文本框背景色
- 【easyui】datagrid设置背景色后,无选中效果
- [JQuery]如何让表格奇偶行显示不同背景色
- Sencha Touch中dataview设置奇偶行不同背景色
- Swing之JTree篇:设置树选中节点背景色
- jquery grid设置行背景色
- android listview设置选中时的item的背景色
- MFC 设置ClistCtr 选中状态时的背景色
- Table 组件使用指南之十七:根据EO的状态设置Row的背景色
- linux mutex互斥体和semaphore信号量的区别
- linux apache反向代理 tomcat
- 如何点击TreeView中的节点不回发 TreeView 回发
- 关于继承TabActivity后不能重写onBackPressed的问题
- MySQL 存储过程的基本用法
- jquery学习之-设置table奇偶行的背景色,并触发单选框选中效果
- linux命令tee的用法
- linux install QT
- 能同时被17和37整除的整数
- 工厂模式获取实例对象的代码改进
- 如何在Android中使用OpenCV
- Android单元测试
- void setID(string strID) 和void setID(const string& strID)有什么区别
- Ackermann function