首页>>Jquery文字>>可以计算积的表格(2013-11-23)

可以计算积的表格

 点击后计算和和列的积

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

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

可以计算积的表格
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

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