【性价之王】	【线路之王】	【价格之王】	【配置之王】
【免费之王】	【香港首推】	【梯子之王】	【独服之王】

HTML代码：

<table border="1" cellspacing="0">     <thead>         <th></th>         <th>语文</th>         <th>数学</th>         <th>英语</th>         <th>总分</th>     </thead>     <tbody>         <tr>             <td></td>             <td><input type="text" placeholder="--" onkeyup="total()"></td>             <td><input type="text" placeholder="--" onkeyup="total()"></td>             <td><input type="text" placeholder="--" onkeyup="total()"></td>             <td id="row1"></td>         </tr>         <tr>             <td></td>             <td><input type="text" placeholder="--" onkeyup="total()"></td>             <td><input type="text" placeholder="--" onkeyup="total()"></td>             <td><input type="text" placeholder="--" onkeyup="total()"></td>             <td></td>         </tr>         <tr>             <td>合计</td>             <td id="col1"></td>             <td></td>             <td></td>         </tr>     </tbody> </table>

JQuery代码：

function total(){ var colTotal = 0; var rowTotal = 0; //  计算列和 $('table tr:gt(0)').each(function(){ if(parseFloat($(this).find('td:eq(1) input[type="text"]').val())){ colTotal += parseFloat($(this).find('td:eq(1) input[type="text"]').val()); } }); $('#col1').text(colTotal); //  计算行和 $('table tr:eq(1) td input[type="text"]').each(function(){ if(parseFloat($(this).val())){ rowTotal += parseFloat($(this).val()); } }); $('#row1').text(rowTotal); }
[border]历史优惠活动内容

HTML 中正确设置表格 table 边框 border 的三种办法

HTML 中正确设置表格 table 边框 border 的三种办法

HTML 中正确设置表格 table 边框 border 的三种办法

HTML 中正确设置表格 table 边框 border 的三种办法

HTML 中正确设置表格 table 边框 border 的三种办法

HTML 中正确设置表格 table 边框 border 的三种办法

HTML 中正确设置表格 table 边框 border 的三种办法