jq代码学习14--表格变色
来源:互联网 发布:java 获取某月第一天 编辑:程序博客网 时间:2024/04/25 13:19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title></title><link href="css/style.css" rel="stylesheet" type="text/css" /><!-- ����jQuery --><script src="../../scripts/jquery.js" type="text/javascript"></script><script type="text/javascript"> $(function(){ $("tbody>tr:odd").addClass("odd"); $("tbody>tr:even").addClass("even"); $('tbody>tr').click(function() { //�жϵ�ǰ�Ƿ�ѡ�� var hasSelected=$(this).hasClass('selected'); //���ѡ�У����Ƴ�selected�࣬����ͼ���selected�� $(this)[hasSelected?"removeClass":"addClass"]('selected') //�����ڲ���checkbox,���ö�Ӧ�����ԡ� .find(':checkbox').attr('checked',!hasSelected); }); // �����ѡ��Ĭ���������ѡ��ģ����ɫ. $('tbody>tr:has(:checked)').addClass('selected'); })</script></head><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="" checked='checked' /></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></html>
阅读全文
0 0
- jq代码学习14--表格变色
- jq 表格隔行变色
- 表格移过变色代码
- [JQ权威指南]第三天:JQ选择器之表格隔行变色
- Dom实现表格的隔行变色代码
- jq鼠标经过变色
- JQ---Table隔行变色
- jq代码学习----- ajax $.ajax( )
- 表格隔行变色功能(原生JS和jequery 代码)
- jq代码学些15--表格展开伸缩
- jQuery学习笔记(2)---表格隔行变色
- jq代码学习20----- jq serializeArray( ) fl ch6 207
- jq代码学习19----- jq中的ajax全局事件
- 变色代码
- 鼠标经过表格变色
- 隔行变色表格
- 实现表格隔行变色
- 表格选择行变色
- java并发中的ReentrantLock
- 进程间通信(2)-无名管道
- CS R26 C(双指针),D(观察,模拟),E(LIS经典 好题)
- 剑指offer——c++中,有哪4个与类型有关的关键字?它们各有的特点?应该在什么场合使用?
- MSP430切换主时钟
- jq代码学习14--表格变色
- 正则表达式
- pwm波调直流电机
- linux中mysql备份shell脚本代码
- POJ 3522
- 下载java开发运行环境历史版本教程
- 你有没有想过,你这辈子也就这样了
- 第一次互评作业:MIPS汇编程序设计
- 在CentOS上导出JVM内存信息