知识大全 jQuery实现类似淘宝购物车全选状态示例

Posted 2022-07-20 状态

篇首语：读过一本好书，像交了一个益友本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 jQuery实现类似淘宝购物车全选状态示例相关的知识，希望对你有一定的参考价值。

jQuery实现类似淘宝购物车全选状态示例 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

今天写了个类似淘宝购物车全选状态看下截图效果还不错吧具体的实现及jQuery代码如下感兴趣的朋友可以参考下哈

复制代码代码如下: <!DOCTYPE PUBLIC " //W C//DTD XHTML Transitional//EN" " < xmlns=" <head> <meta equiv="Content Type" content="text/; charset=utf " /> <title>我是投资者</title> <script type=text/javascript src= <style type=text/css">*margin: ;padding: ;color:# ;font size: px; outline:none; table border collapse:collapse; border spacing: ; acolor:# A A A; text decoration:none; color:# ; a:hover text decoration:none; L_user mailspage background:#fff; L_user mailspage mailpadding bottom: px; L_user mailspage mail pmargin: px px px; padding top: px; L_user mailspage mail tablewidth: px; text align:center; L_user mailspage mail table_box width: px;border: px solid #DDDDDD;margin: px px; L_user mailspage mail firsttrborder top:none; L_user mailspage mail td height: px; line height: px; L_user mailspage sendmsm margin top: px; L_user mailspage sendmsm divmargin: px px; L_user mailspage sendmsm div label width: px; text align:right; display:inline block; vertical align:middle;margin right: px; L_user mailspage sendmsm div inputmargin right: px; border: px solid #ccc; height: px; line height: px; padding left: px; vertical align:middle; border radius: px; L_user mailspage sendmsm div textarea width: px; height: px; vertical align:top;border: px solid #ccc; padding: px; border radius: px; L_user mailspage sendmsm div awidth: px; height: px; display:inline block; background:url( /images/L_btn jpg) no repeat px px; vertical align:middle;margin right: px; L_user mailspage sendmsm div a:hover background position: px px; L_user mailspagewidth: px; border: px solid #E E E ; float:left; overflow:hidden; L_user mailspage loantabbackground:#fff;border bottom: px solid #E E E ; L_user mailspage loantab awidth: px; height: px; border: px solid #E E E ; border bottom:none;display:inline block; text align:center; border left:none; border top:none; line height: px; color:# ; font weight:bold; L_user mailspage loantab a c background:#F F F ; color:#CF C; L_user mailspage mail markbtn a width: px; height: px; background:url( /images/L_btn jpg) no repeat px px; display:inline block; text align:center; line height: px; vertical align:middle; L_user mailspage mail markbtn a:hover background position: px px; L_user mailspage mail firsttr background:#F F F ; border bottom: px solid #DDDDDD;border top: px solid #DDDDDD; height: px; line height: px;</style> </head> <body> <div > <div > <div ><a href="javascript:void( )" >收件箱</a><a href="javascript:void( )">已发送</a><a href="javascript:void( )">发信息</a></div> <div > <p ><a href="javascript:void( )" >删除</a><a href="javascript:void( )">标记已读</a><a href="javascript:void( )">标记未读</a></p> <div > <table> <tr id="titletr"> <td ><input type=checkbox id="allcheckbox" /></td> <td ><img src=images/L_mail png /></td> <td >发件人</td> <td >标题</td> <td >发送时间</td> </tr> <tr> <td><input type=checkbox /></td> <td> </td> <td>XXX</td> <td>XXX</td> <td>XXX</td> </tr> <tr> <td><input type=checkbox /></td> <td> </td> <td>XXX</td> <td>XXX</td> <td>XXX</td> </tr> <tr> <td><input type=checkbox /></td> <td> </td> <td>XXX</td> <td>XXX</td> <td>XXX</td> </tr> </table> <p >共条<a href="javascript:void( )">首页</a><a href="javascript:void( )">上一页</a><a href="javascript:void( )">下一页</a><a href="javascript:void( )">尾页</a></p> </div> </div> </div> </div> 复制代码代码如下: cha138/Article/program/Java/JSP/201311/20625