首页 > 其他 > 详细

可以计算积的表格

时间：2014-02-07 17:02:51      阅读：375      评论：0      收藏：0      [点我收藏+]

可以计算积的表格

 点击后计算和和列的积

演示页面可以看到css文件和js文件

js文件中可以设置size,行数的值要先设置

bubuko.com,布布扣
演示

 

XML/HTML Code
  1. <table cellspacing="0" cellpadding="0" id="pricingtable" name="pricingtable" class="pricingtable" align="center">  
  2. <tbody><tr class="odd">  
  3. <td class=" empty"> </td>  
  4. <td class="">100</td>  
  5. <td class="">200</td>  
  6. <td class="">300</td>  
  7. <td class=" selected">500</td>  
  8. <td class=" ">750</td>  
  9. <td class=" ">1000</td>  
  10. <td class="">2000</td>  
  11. <td class="">3000</td>  
  12. <td>5000</td>  
  13. <td>10000</td>  
  14. </tr>  
  15. <tr class="even">  
  16.                             <td class="">3/4″</td>  
  17.                             <td class="">$2.68</td>  
  18.                             <td class="">$2.13</td>  
  19.   
  20.                             <td class="">$1.57</td>  
  21.                             <td class=" selected">$1.30</td>  
  22.                             <td class=" ">$1.21</td>  
  23.                             <td class=" ">$1.14</td>  
  24.                             <td class="">$1.06</td>  
  25.                             <td class="">$0.96</td>  
  26.   
  27.                             <td class=" ">$0.81</td>  
  28.                             <td class=" ">$0.72</td>  
  29.                           </tr>  
  30.                          <tr class="odd">  
  31.                             <td class="">1″</td>  
  32.                             <td class="">$2.71</td>  
  33.                             <td class="">$2.19</td>  
  34.   
  35.                             <td class="">$1.67</td>  
  36.                             <td class=" selected">$1.38</td>  
  37.                             <td class=" ">$1.25</td>  
  38.                             <td class=" ">$1.21</td>  
  39.                             <td class="">$1.16</td>  
  40.                             <td class="">$1.02</td>  
  41.   
  42.                             <td class=" ">$0.92</td>  
  43.                             <td class=" ">$0.82</td>  
  44.                           </tr>  
  45.                          <tr class="even">  
  46.                             <td class=" selected">1.25″</td>  
  47.                             <td class=" selected">$2.82</td>  
  48.                             <td class=" selected">$2.28</td>  
  49.   
  50.                             <td class=" selected">$1.76</td>  
  51.                             <td class=" selected">$1.45</td>  
  52.                             <td class=" selected">$1.32</td>  
  53.                             <td class=" selected">$1.25</td>  
  54.                             <td class=" selected">$1.21</td>  
  55.                             <td class=" selected">$1.06</td>  
  56.   
  57.                             <td class=" selected">$0.96</td>  
  58.                             <td class=" selected">$0.92</td>  
  59.                           </tr>  
  60.                        <tr class="odd">  
  61.                             <td class="">1.50″</td>  
  62.                             <td class="">$3.07</td>  
  63.                             <td class="">$2.54</td>  
  64.   
  65.                             <td class="">$2.02</td>  
  66.                             <td class=" selected">$1.54</td>  
  67.                             <td class="">$1.45</td>  
  68.                             <td class="">$1.40</td>  
  69.                             <td class="">$1.33</td>  
  70.                             <td class="">$1.15</td>  
  71.   
  72.                             <td class="">$1.00</td>  
  73.                             <td class="">$0.96</td>  
  74.                           </tr>  
  75. <tr class="even">  
  76.                             <td class="">1.75″</td>  
  77.                             <td class="">$3.32</td>  
  78.                             <td class="">$2.75</td>  
  79.   
  80.                             <td class="">$2.35</td>  
  81.                             <td class=" selected">$1.85</td>  
  82.                             <td class="">$1.75</td>  
  83.                             <td class="">$1.67</td>  
  84.                             <td class="">$1.60</td>  
  85.                             <td class="">$1.39</td>  
  86.   
  87.                             <td class="">$1.25</td>  
  88.                             <td class="">$1.21</td>  
  89.                           </tr>  
  90.                        <tr class="odd">  
  91.                             <td class="">2″</td>  
  92.                             <td class="">$3.59</td>  
  93.                             <td class="">$3.09</td>  
  94.   
  95.                             <td class="">$2.60</td>  
  96.                             <td class=" selected">$2.10</td>  
  97.                             <td class=" ">$2.00</td>  
  98.                             <td class=" ">$1.92</td>  
  99.                             <td class="">$1.86</td>  
  100.                             <td class="">$1.60</td>  
  101.   
  102.                             <td class="">$1.50</td>  
  103.                             <td class="">$1.46</td>  
  104.                           </tr>  
  105.   
  106. </tbody></table>  
  107. <div class="totalprice" id="totalprice" style="text-align:center">计算数据显示在这里</div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_128.html

可以计算积的表格

原文：http://blog.csdn.net/freejs/article/details/18961293
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
教程昨日排行
更多>
友情链接
汇智网   PHP教程   插件网  
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣，分享程序人生！