JQuery 确实很方便,简单的代码,却能实现一些不错的功能。
复制代码 代码如下:
<script type='text/javascript'><></script>
HTML:
复制代码 代码如下:
<table id='example'>
<thead>
<tr><td colspan='5'>公告列表</td></tr>
<tr>
<th>選擇</th>
<th>序號</th>
<th>標題</th>
<th>關鍵詞</th>
<th>發布日期</th>
</tr>
</thead>
<tbody id='content'>
<tr>
<td><input type='checkbox' name='noticeSelect' value='1' /></td>
<td>01</td>
<td>微軟在 VS 2008 中引入了 jquery</td>
<td>Microsoft</td>
<td>2009-01-02 10:30</td>
</tr>
<tr>
<td><input type='checkbox' name='noticeSelect' value='2' /></td>
<td>02</td>
<td>Linux微软Sun将探讨操作系统的未来</td>
<td>Sun</td>
<td>2009-01-03 09:30</td>
</tr>
<tr>
<td><input type='checkbox' name='noticeSelect' value='3' /></td>
<td>03</td>
<td>联想集团董事长柳传志:联想将在一年内成功</td>
<td>聯想</td>
<td>2009-01-05 14:30</td>
</tr>
<tr>
<td><input type='checkbox' name='noticeSelect' value='4' /></td>
<td>04</td>
<td>美议员要求立法限制Google地球 违反将日罚25万</td>
<td>Google</td>
<td>2009-01-10 20:45</td>
</tr>
<tr>
<td><input type='checkbox' name='noticeSelect' value='5' /></td>
<td>05</td>
<td>FireFox实验室提出新标签页理念并发布原始模型</td>
<td>FireFox</td>
<td>2009-01-14 17:58</td>
</tr>
<tr>
<td><input type='checkbox' name='noticeSelect' value='6' /></td>
<td>06</td>
<td>向Ruby之父学程序设计</td>
<td>Ruby</td>
<td>2009-01-19 07:22</td>
</tr>
<tr>
<td><input type='checkbox' name='noticeSelect' value='7' /></td>
<td>07</td>
<td>Apple智能手机市场份额翻番达10.7%</td>
<td>Apple</td>
<td>2009-01-21 10:44</td>
</tr>
<tr>
<td><input type='checkbox' name='noticeSelect' value='8' /></td>
<td>08</td>
<td>联发科助力 Windows Mobile加入山寨大军</td>
<td>联发科</td>
<td>2009-01-22 16:37</td>
</tr>
<tr>
<td><input type='checkbox' name='noticeSelect' value='9' /></td>
<td>09</td>
<td>Nokia的开源Qt开发工具4.5版发布</td>
<td>Nokia</td>
<td>2009-01-28 14:08</td>
</tr>
<tr>
<td><input type='checkbox' name='noticeSelect' value='10' /></td>
<td>10</td>
<td>GCC将接受IBM代码支持自动平行优化</td>
<td>IBM</td>
<td>2009-02-01 21:14</td>
</tr>
</tbody>
</table>
完整代码下载:JQuery 表格操作