焦点触发事件

Question

<table  class="table_01"  id="table_01">
                 <tr bgcolor="#99CC00">
                   <td bgcolor="#FEFEFE"> </td>
                   <td>科目</td>
                   <td>一月</td>
                   <td>二月</td>
                   <td>三月</td>
                   <td>四月</td>
                   <td>五月</td>
                   <td>六月</td> 
                   <td>七月</td>
   <td>八月</td>  
   <td>九月</td> 
   <td>十月</td> 
   <td>十一月</td>
   <td>十二月</td> 
   <td>Total</td>
                  </tr>                   <tr>
                     <td rowspan="41">汇总</td>
     <td>主营业务收入</td>
                <c:forEach items="${list}"  var="finance" >
                        <td id="sr_1_">${finance.mainBusinessIncome[0]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[1]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[2]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[3]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[4]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[5]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[6]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[7]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[8]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[9]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[10]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[11]}</td>
                        <td id="sr_1_">${finance.mainBusinessIncome[12]}</td>
                </c:forEach>
                </tr>   <tr>
<td>主营业务成本</td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
<td><input type="text" id="成本_1_" size=3 style="border:0px;" /></td>
</tr><tr>
<td>税金</td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
<td><input type="text" id="税金_1_" size=2 style="border:0px;"/></td>
</tr><tr>
<td>主营业务利润</td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
<td id="利润_1_"></td>
</tr>主营业务收入是从数据库查询出来的，主营业务成本和税金都是手填的，主营业务利润是主营业务收入减去主营业务成本和税金，把得到的结果在主营业务利润的一行显示。请问怎么写js 去实现他的功能。

Answer 1

在成本和税金的 文本框中添加Js 
onchange="add（'主营业务收入id','成本id','税金id','利润id’）然后分别获取对应html控件或位置  就可以实现动态求计算了

Answer 2

pdsan 你好 ：
    可以写的再详细点吗？
  js 我是不太会用的。

Answer 3

<script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script><html>
<head>
    <title>as</title>
    <style type="text/css">
        td
        {
            border: solid 1px gray;
        }
    </style>
</head>
<body>
    <table cellpadding="0" cellspacing="0">
        <tr>
            <td>
            </td>
            <td>
                一月
            </td>
            <td>
                二月
            </td>
            <td>
                三月
            </td>
        </tr>
        <tr>
            <td>
                主营业务收入
            </td>
            <td>
                <input type="text" value="100" id="txtJanSR" disabled="disabled" />
            </td>
            <td>
                <input type="text" value="200" id="txtFebSR" disabled="disabled" />
            </td>
            <td>
                <input type="text" value="300" id="txtMarSR" disabled="disabled" />
            </td>
        </tr>
        <tr>
            <td>
                主营业务成本
            </td>
            <td>
                <input type="text" onblur="getProfit(this)" id="txtJanCB" />
            </td>
            <td>
                <input type="text" onblur="getProfit(this)" id="txtFebCB" />
            </td>
            <td>
                <input type="text" onblur="getProfit(this)" id="txtMarCB" />
            </td>
        </tr>
        <tr>
            <td>
                税金
            </td>
            <td>
                <input type="text" onblur="getProfit(this)" id="txtJanSJ" />
            </td>
            <td>
                <input type="text" onblur="getProfit(this)" id="txtFebSJ" />
            </td>
            <td>
                <input type="text" onblur="getProfit(this)" id="txtMarSJ" />
            </td>
        </tr>
        <tr>
            <td>
                主营业务利润
            </td>
            <td>
                <input type="text" id="txtJanLR" readonly="readonly" />
            </td>
            <td>
                <input type="text" id="txtFebLR" readonly="readonly" />
            </td>
            <td>
                <input type="text" id="txtMarLR" readonly="readonly" />
            </td>
        </tr>
    </table>
</body>
</html><script type="text/javascript">
    function getProfit(thisObj) {        var id = $(thisObj).attr('id');
        var idSR = null;
        var idCB = null;
        var idSJ = null;
        var idLR = null;        var vSR = 0;
        var vCB = 0;
        var vSJ = 0;
        var vLR = 0;        if (id.indexOf('CB') > 0) {
            idSR = id.replace('CB', 'SR');
            idCB = id;
            idSJ = id.replace('CB', 'SJ');
            idLR = id.replace('CB', 'LR');        } else {            idSR = id.replace('SJ', 'SR');
            idCB = id.replace('SJ', 'CB');
            idSJ = id;
            idLR = id.replace('SJ', 'LR');
        }        vSR = parseFloat($('#' + idSR).val());
        vCB = parseFloat($('#' + idCB).val());
        vSJ = parseFloat($('#' + idSJ).val());        if (!isNaN(vSR) & !isNaN(vCB) & !isNaN(vSJ)) {            $('#' + idLR).val(vSR - vCB - vSJ);
        }
            }
</script>

Answer 4

<table  class="table_01"  id="table_01">
                 <tr bgcolor="#99CC00">
                   <td bgcolor="#FEFEFE"> </td>
                   <td>科目</td>
                   <td>一月</td>
                   <td>二月</td>
                   <td>三月</td>
                   <td>四月</td>
                   <td>五月</td>
                   <td>六月</td> 
                   <td>七月</td>
<td>八月</td>  
<td>九月</td> 
   <td>十月</td> 
   <td>十一月</td>
   <td>十二月</td> 
   <td>Total</td>
 </tr>
<tr>
<td>  房租</td> 
 td><input type="text" value="${finance.rent[0]}"  id="1FZ"   size=2 style="border:0px;" /> </td>
<td><input type="text" value="${finance.rent[1]}"  id="2FZ"   size=2 style="border:0px;" /></td>
</tr>
<tr>
 <td>物业管理费</td>
<td><input type="text" value="${finance.managementFee[0]}" id="1WY" size=2 style="border:0px;" /></td>
<td><input type="text" value="${finance.managementFee[1]}" id="2WY" size=2 style="border:0px;" /></td>
</tr>
<tr>
<td>其他办事处及公司宿舍租金</td>     
<td><input type="text" value="${finance.otherOfficeAndCompanysRent[0]}" id="1ZJ" size=2 style="border:0px;" /></td>
<td><input type="text" value="${finance.otherOfficeAndCompanysRent[1]}" id="2ZJ" size=2 style="border:0px;" /></td>
</tr>
<tr>
<td>公司开会酒店食宿会务费用</td>
<td><input type="text" onblur="getAggregate(this)" id="1KH" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getAggregate(this)" id="2KH" size=2 style="border:0px;"/></td>
</tr>
<tr>
<td>员工福利费(社保补贴)</td>
<td><input type="text" onblur="getAggregate(this)" id="1SBBT" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getAggregate(this)" id="2SBBT" size=2 style="border:0px;"/></td>
</tr>
<tr>
<td>员工福利费(手机补贴)</td>
<td><input type="text" onblur="getAggregate(this)" id="1SJ" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getAggregate(this)" id="2SJ" size=2 style="border:0px;"/></td>
</tr>
<tr>
<td>员工福利费(住房补贴)</td>
<td><input type="text" onblur="getAggregate(this)" id="1ZF" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getAggregate(this)" id="2ZF" size=2 style="border:0px;"/></td>
</tr>

<tr>
<td>员工福利费(车贴)</td>
<td><input type="text" onblur="getAggregate(this)" id="1CT" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getAggregate(this)" id="2CT" size=2 style="border:0px;"/></td>
</tr><tr>
<td>员工活动费</td>
 
<td><input type="text" value="${finance.staffActivities[0]}" id="1HD"  size=2 style="border:0px;"/></td>
<td><input type="text" value="${finance.staffActivities[1]}" id="2HD"  size=2 style="border:0px;"/></td>
</tr>

<tr>
<td>员工学习及培训费</td>
<td><input type="text" value="${finance.learningAndTraining[0]}" id="1PX" size=2 style="border:0px;" /></td>
<td><input type="text" value="${finance.learningAndTraining[1]}" id="2PX" size=2 style="border:0px;" /></td>
</tr>
<tr>
<td>财务费用</td>
<td><input type="text" onblur="getAggregate(this)" id="1CW" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getAggregate(this)" id="2CW" size=2 style="border:0px;"/></td>
</tr>

<tr>
<td>工资</td>
<td><input type="text" onblur="getAggregate(this)" id="1GZ" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getAggregate(this)" id="2GZ" size=2 style="border:0px;"/></td>
</tr>

<tr>
<td>佣金</td>
<td><input type="text" onblur="getAggregate(this)" id="1YJ" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getAggregate(this)" id="2YJ" size=2 style="border:0px;"/></td>
</tr>
<tr>
<td>期间费用合计</td>
<td><input type="text" id="1HJ" readonly="readonly" size=3 style="border:0px;"/></td>
<td><input type="text" id="1HJ" readonly="readonly" size=3 style="border:0px;"/></td>
</tr>xiage 你好 非常感谢上次你帮我把焦点触发问题解决了。
现在再要问你同样的问题。
房租 、物业管理费、 其他办事处及公司宿舍租金、 员工活动费、 员工学习及培训费这五项是从数据库查询出来的，
公司开会酒店食宿会务费用、员工福利费(社保补贴)、员工福利费(手机补贴)、员工福利费(住房补贴)、员工福利费(车贴)、财务费用、工资、佣金
这八项是手填的。期间费用合计是等于 从数据库查询出来的五项 加上 手填的八项。
用js怎么去写的实现方法。