javascript 复选框选择/全选后特效

更新时间：2007年07月01日 00:00:00 作者：

运行效果

<style type="text/css"> @charset "utf-8"; .content form { margin:0; } table { border:1px solid #CCC; background:#E4E4E4; } td { border-top:1px solid #CCC; background:#FFF; font-size:12px; } th,td,.quantity { text-align:center; font-family:Arial, Helvetica, sans-serif; } .price { width:11%; text-align:right; } .whl {color:#090;cursor:help} .stotal { text-align:right; width:15%; } .quantity { border:none; width:66px; height:16px; } #productrow {width:49%} #totalRow th { text-align:right; } #quantityrow {width:13%;} #functions {border-top:1px solid #999;padding-top:10px} #functions p {margin-top:10px} #functions span {color:#00F;margin:0 2px;cursor:pointer} #functions input { border:1px solid #666; border-top:1px solid #FFF; border-left:1px solid #FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; margin:0 2px; } .chk *{   background-color:#eeeeee; } </style> <div class="content"> <form name="cart" action="/update.php" method="post"> <table border="0" width="100%"> <tbody><tr> <th scope="col">删除</th> <th scope="col" id="productrow">商品</th> <th scope="col">价钱</th> <th scope="col" id="quantityrow">数量</th> <th scope="col">总共</th> </tr> <tr> <td><div><input name="delete[1]" value="1" type="checkbox"></div></td> <td><a href="/productinfo.php?id=1" title="显示详细信息">高级减肥绿茶</a></td> <td class="price"><span class="whl" title="Precio por mayor">$8000</span></td> <td><div><input name="quantity[1]" class="quantity" value="20" maxlength="3" type="text"></div></td> <td class="stotal">$160000</td> </tr> <tr> <td><div><input name="delete[7]" value="1" type="checkbox"></div></td> <td><a href="/productinfo.php?id=7" title="显示详细信息">高级红茶</a></td> <td class="price"><span>$8400</span></td> <td><div><input name="quantity[7]" class="quantity" value="1" maxlength="3" type="text"></div></td> <td class="stotal">$8400</td> </tr> <tr id="totalRow"> <th colspan="3">总共:</th> <td>21</td> <td class="stotal">$168400</td> </tr> </tbody></table> <div id="functions"> <input name="update" value="更新" type="submit"><input name="buy" value="完成购物" type="submit"> <script type="text/javascript">  </script> </div> </form></div>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

javascript实现爱你在FF IE下都有效的添加一个项目
javascript实现爱你在FF IE下都有效的添加一个项目...
2007-07-07
Javascript 表单之间的数据传递代码
今天有朋友问我关于用JAVASCRIPT来进行页面各表单之间的数据传递的问题，我以前也写过，不过从来没有注意，今天总结了一下，希望能够给大家一些帮助，也帮助我总结以前学过，用过的知识。
2008-12-12
列表内容的选择
列表内容的选择...
2006-06-06
select下拉选择框美化实现代码(js+css+图片)
图片+JavaScript+CSS三者共同打造超漂亮的select下拉选择框，更看重外观的朋友将会对本代码非常喜欢。
2010-03-03
微调数字
微调数字...
2007-02-02
javascript下阻止表单重复提交、防刷新、防后退
javascript下阻止表单重复提交、防刷新、防后退...
2007-08-08
javascript制作幻灯片（360度全景图片）
这篇文章主要介绍了应用javascript制作幻灯片（360度全景图片），在做产品演示时，经常会用到幻灯片，这里我给大家整理了一款非常不错的的360度全景幻灯片实现教程,需要的朋友可以参考下
2015-07-07
Ajax在线提交留言并实时显示的js代码[修正版]
Ajax在线提交留言并显示的HTML实例，不要小看这一个页面哦，虽然代码也不多，但完成的功能并不少，它可以完成表单判断、无刷新提交留言、无刷新显示，并实现了动画显示文字的功能，觉得怎么样呢？
2010-11-11
点此处秒后立即下载
点此处秒后立即下载...
2006-07-07
比较实用的复选框的实用javascript脚本
比较实用的复选框的实用javascript脚本...
2007-09-09

最新评论