可以计算积的表格

来源：互联网发布：java入门书籍推荐排行编辑：程序博客网时间：2024/05/01 05:34
可以计算积的表格

点击后计算和和列的积
演示页面可以看到css文件和js文件
js文件中可以设置size,行数的值要先设置
演示
XML/HTML Code
<table cellspacing="0" cellpadding="0" id="pricingtable" name="pricingtable" class="pricingtable" align="center">  
<tbody><tr class="odd">  
<td class=" empty"> </td>  
<td class="">100</td>  
<td class="">200</td>  
<td class="">300</td>  
<td class=" selected">500</td>  
<td class=" ">750</td>  
<td class=" ">1000</td>  
<td class="">2000</td>  
<td class="">3000</td>  
<td>5000</td>  
<td>10000</td>  
</tr>  
<tr class="even">  
                            <td class="">3/4″</td>  
                            <td class="">$2.68</td>  
                            <td class="">$2.13</td>  
  
                            <td class="">$1.57</td>  
                            <td class=" selected">$1.30</td>  
                            <td class=" ">$1.21</td>  
                            <td class=" ">$1.14</td>  
                            <td class="">$1.06</td>  
                            <td class="">$0.96</td>  
  
                            <td class=" ">$0.81</td>  
                            <td class=" ">$0.72</td>  
                          </tr>  
                         <tr class="odd">  
                            <td class="">1″</td>  
                            <td class="">$2.71</td>  
                            <td class="">$2.19</td>  
  
                            <td class="">$1.67</td>  
                            <td class=" selected">$1.38</td>  
                            <td class=" ">$1.25</td>  
                            <td class=" ">$1.21</td>  
                            <td class="">$1.16</td>  
                            <td class="">$1.02</td>  
  
                            <td class=" ">$0.92</td>  
                            <td class=" ">$0.82</td>  
                          </tr>  
                         <tr class="even">  
                            <td class=" selected">1.25″</td>  
                            <td class=" selected">$2.82</td>  
                            <td class=" selected">$2.28</td>  
  
                            <td class=" selected">$1.76</td>  
                            <td class=" selected">$1.45</td>  
                            <td class=" selected">$1.32</td>  
                            <td class=" selected">$1.25</td>  
                            <td class=" selected">$1.21</td>  
                            <td class=" selected">$1.06</td>  
  
                            <td class=" selected">$0.96</td>  
                            <td class=" selected">$0.92</td>  
                          </tr>  
                       <tr class="odd">  
                            <td class="">1.50″</td>  
                            <td class="">$3.07</td>  
                            <td class="">$2.54</td>  
  
                            <td class="">$2.02</td>  
                            <td class=" selected">$1.54</td>  
                            <td class="">$1.45</td>  
                            <td class="">$1.40</td>  
                            <td class="">$1.33</td>  
                            <td class="">$1.15</td>  
  
                            <td class="">$1.00</td>  
                            <td class="">$0.96</td>  
                          </tr>  
<tr class="even">  
                            <td class="">1.75″</td>  
                            <td class="">$3.32</td>  
                            <td class="">$2.75</td>  
  
                            <td class="">$2.35</td>  
                            <td class=" selected">$1.85</td>  
                            <td class="">$1.75</td>  
                            <td class="">$1.67</td>  
                            <td class="">$1.60</td>  
                            <td class="">$1.39</td>  
  
                            <td class="">$1.25</td>  
                            <td class="">$1.21</td>  
                          </tr>  
                       <tr class="odd">  
                            <td class="">2″</td>  
                            <td class="">$3.59</td>  
                            <td class="">$3.09</td>  
  
                            <td class="">$2.60</td>  
                            <td class=" selected">$2.10</td>  
                            <td class=" ">$2.00</td>  
                            <td class=" ">$1.92</td>  
                            <td class="">$1.86</td>  
                            <td class="">$1.60</td>  
  
                            <td class="">$1.50</td>  
                            <td class="">$1.46</td>  
                          </tr>  
  
</tbody></table>  
<div class="totalprice" id="totalprice" style="text-align:center">计算数据显示在这里</div>  
原文地址:http://www.freejs.net/article_jquerywenzi_128.html
0 0