日期:2014-05-16  浏览次数:20373 次

js综合应用:表格的四则运算

在做调查问卷的过程中,遇到一个表格的统计问题,算是需要些js方面的综合知识,所以记录下来。

在上次完成了基本的求和的基础上,添加了基本的加减乘除四则运算。

基本需求简化后如下:


对应的htm了为:

<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>  
</title>
<script src="jquery-1.8.0.min.js" type="text/javascript"></script> 
 <link href="Survey.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">  

$(document).ready(function () {  
 
})

    </script>
<body>
<div class="tablebox">
                        
                        <ul>
                            <li>
                                <table border="0" cellspacing="0" cellpadding="0" class="templateTable" width="750px">
                                    <tr>
                                        <td class="tdright" colspan="">
                                        </td>
                                        <td class="tdcol">
                                            政府财政</td>
                                        <!--<td class="tdcol">
                                            项目经费</td>-->
                                        <td class="tdcol">
                                            单位自筹</td>
                                        <td class="tdcol">
                                            其他资金</td>
                                        <td class="tdcol">
                                            合计</td>
                                    </tr>
                                    <tr>
                                        <td class="tdright width20" rowspan="1">相加求和</td>
                                      
                                        <td class="tdleft">
                                            <input name="text_1" type="text" id="text_1" class="width110 digital" /></td>                                      
                                        <td class="tdleft">
                                            <input name="text_2" type="text" id="text_2" class="width110 digital"  /></td>
                                        <td class="tdleft">
                                            金额:<input name="text_3" type="text" id="text_3" class="width90 digital" />
                                            来源:<input type="text" name="text_4" id="text_4" class="width90" /></td>
                                        <td class="tdleft">
                                            <input type="text"  class="width110" id='82row1'  disabled="disabled" />										
											</td>
                                    </tr>  
                                 
                                </table>
								<br/>
								 <table border="0" cellspacing="0" cellpadding="0" class="templateTable" width=&qu