<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.even
{
background-color: Gray;
}
/*奇数行样式*/
.odd
{
background-color: Lime;
}
/*偶数行样式*/
.selected
{
background-color: Yellow;
}
</style>
<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("tbody>tr:even").addClass("even"); /*给奇数行添加样式*/
$("tbody>tr:odd").addClass("odd"); /*偶数行添加样式*/
/*把单击行时,如果行处于没选中状态,则把样式设为选中状态
,当中的复选框设为选中状态;否则,移除选中状态,取消选中状态*/
$("tbody>tr").click(function () {
if ($(this).hasClass("selected")) {
$(this).removeClass("selected")
.find(":checkbox").attr("checked", false);
}
else {
$(this).addClass("selected")
.find(":checkbox").attr("checked", true);
}
});
});
</script>
</head>
<body>
<h3>
表格变色</h3>
<table style="width: 300px;">
<thead>
<tr>
<th>
</th>
<th>
name
</th>
<th>
sex
</th>
<th>
age
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox" name="items" />
</td>
<td>
rain
</td>
<td>
male
</td>
<td>
23
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="items" />
</td>
<td>
rain
</td>
<td>
male
</td>
<td>
23
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="items" />
</td>
<td>
rain
</td>
<td>
male
</td>
<td>
23
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="items" />
</td>
<td>
rain
</td>
<td>
male
</td>
<td>
23
</td>
</tr>
<tbody>
</table>
</body>
</html>
相关推荐
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
方法一:如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , title: '用户列表' , page: true //开启分页 , cols: [[ {type:'...
jquery实现 复选框 选中和不选中 美化复选框
一行代码搞定layui数据表格的表头checkbox复选框隐藏问题。
jQuery如何判断checkbox(复选框)是否被选中
jQuery多级复选框checkbox选中代码,支持水平横向与垂直纵向排列,共有3种排列样式,具体看演示。
一款好看的jQuery自定义美化复选框checkbox样式代码,可以定义复选框的颜色和形状,让复选框风格不再像默认样式那样单调。
复选框checkbox的jquery插件, 用法:if($("#check").check()) $("#check").check(true);
本文通过实例代码给大家介绍了BootStrap Table复选框默认选中功能(从数据库获取到对应的状态进行判断是否为选中状态),代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
对于jQuery自定义复选框checkbox和单选框Radiobox,我们已经有介绍过不少了,比如9款迷人样式的CSS3自定义Checkbox复选框和HTML5/CSS3开关按钮 立体3D按钮。今天要介绍的是一款基于jQuery的美化版复选框,它的特点是...
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
有源码有实例,delphi Listview复选框checkbox实现单选的功能,代码很精简实用,测试完美!
jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip
QTreeView Checkboxes 需要实现一个功能:在QT的TreeView中,能够使用复选框,并且选中父节点的复选框可以全选或取消子节点的复选框。 参考链接: http://blog.csdn.net/ajaxhe/article/details/7518285
动态获取复选框checkbox选中个数的jquery代码[总结].pdf
CSS3美化复选框checkbox CSS3美化复选框checkbox CSS3美化复选框checkbox CSS3美化复选框checkbox CSS3美化复选框checkbox
all = $(this).find(":checkbox").not("[name='sales_group_id'],:disabled") , allChecked = $(this).find(":checked").not("[name='all-checked']") , thisAllCheckBtn = $(this).find(".all-checked ...
WPF DevExpress GridControl 实现点击行实现行的复选框跟随行的状态选中或取消, 1、行选中,复选框同时选中;行状态为取消,复选框状态也取消选中。 2、列表总取消默认第一行选中问题
实现table表格checkbox复选框的全选 反选.