可以计算积的表格
点击后计算和和列的积
演示页面可以看到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