通过id 循环累加

Question

<tr>
<td>主营业务成本</td>
<td><input type="text"  name="1CB" onblur="getA(this)" id="CB_1" size=3 style="border:0px;" /></td>
<td><input type="text"  name="2CB" onblur="getA(this)" id="CB_2" size=3 style="border:0px;" /></td>
<td><input type="text"  name="3CB" onblur="getA(this)" id="CB_3" size=3 style="border:0px;" /></td>
<td><input type="text"  name="4CB" onblur="getA(this)" id="CB_4" size=3 style="border:0px;" /></td> 
<td><input type="text"  name="5CB" onblur="getA(this)" id="CB_5" size=3 style="border:0px;" /></td>
<td><input type="text"  name="6CB" onblur="getA(this)" id="CB_6" size=3 style="border:0px;" /></td>
<td><input type="text"  name="7CB" onblur="getA(this)" id="CB_7" size=3 style="border:0px;" /></td>
<td><input type="text"  name="8CB" onblur="getA(this)" id="CB_8" size=3 style="border:0px;" /></td>
<td><input type="text"  name="9CB" onblur="getA(this)" id="CB_9" size=3 style="border:0px;" /></td>
<td><input type="text"  name="10CB" onblur="getA(this)" id="CB-10" size=3 style="border:0px;" /></td>
<td><input type="text"  name="11CB" onblur="getA(this)" id="CB-11" size=3 style="border:0px;" /></td>
<td><input type="text"  name="12CB" onblur="getA(this)" id="CB_12" size=3 style="border:0px;" /></td>
<td><input type="text"  name="13CB"  id="CB_13" size=4 style="border:0px;" /></td>
</tr>

<tr>
<td>税金</td>
<td><input type="text" name="1SJ" onblur="getProfit(this)" id="SJ_1"  size=2 style="border:0px;"/></td>
<td><input type="text" name="2SJ" onblur="getProfit(this)" id="SJ_2" size=2 style="border:0px;"/></td>
<td><input type="text" name="3SJ" onblur="getProfit(this)" id="SJ_3" size=2 style="border:0px;"/></td>
<td><input type="text" name="4SJ" onblur="getProfit(this)" id="SJ_4" size=2 style="border:0px;"/></td>
<td><input type="text" name="5SJ" onblur="getProfit(this)" id="SJ_5" size=2 style="border:0px;"/></td>
<td><input type="text" name="6SJ" onblur="getProfit(this)" id="SJ_6" size=2 style="border:0px;"/></td>
<td><input type="text" name="7SJ" onblur="getProfit(this)" id="SJ_7" size=2 style="border:0px;"/></td>
<td><input type="text" name="8SJ" onblur="getProfit(this)" id="SJ_8" size=2 style="border:0px;"/></td>
<td><input type="text" name="9SJ" onblur="getProfit(this)" id="SJ_9" size=2 style="border:0px;"/></td>
<td><input type="text" name="10SJ" onblur="getProfit(this)" id="SJ_10" size=2 style="border:0px;"/></td>
<td><input type="text" name="11SJ" onblur="getProfit(this)" id="SJ_11" size=2 style="border:0px;"/></td>
<td><input type="text" name="12SJ" onblur="getProfit(this)" id="SJ_12" size=2 style="border:0px;"/></td>
<td><input type="text" name="13SJ" onblur="getProfit(this)" id="SJ_13" size=2 style="border:0px;"/></td>
</tr>

<tr>
<td>主营业务利润</td>
<td><input  type="text" name="1LR" id="LR_1" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="2LR" id="LR_2" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="3LR" id="LR_3" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="4LR" id="LR_4" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="5LR" id="LR_5" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="6LR" id="LR_6" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="7LR" id="LR_7" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="8LR" id="LR_8" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="9LR" id="LR_9" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="10LR" id="LR_10" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="11LR" id="LR_11" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="12LR" id="LR_12" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="13LR" id="LR_13" readonly="readonly" size=2 style="border:0px;"/></td>
</tr>

<tr>
<td>其他业务收入</td>
<td><input type="text" name="1QTSR" id="QTSR_1" size=2 style="border:0px;"/></td>
<td><input type="text" name="2QTSR" id="QTSR_2" size=2 style="border:0px;"/></td>
<td><input type="text" name="3QTSR" id="QTSR_3" size=2 style="border:0px;"/></td>
<td><input type="text" name="4QTSR" id="QTSR_4" size=2 style="border:0px;"/></td>
<td><input type="text" name="5QTSR" id="QTSR_5" size=2 style="border:0px;"/></td>
<td><input type="text" name="6QTSR" id="QTSR_6" size=2 style="border:0px;"/></td>
<td><input type="text" name="7QTSR" id="QTSR_7" size=2 style="border:0px;"/></td>
<td><input type="text" name="8QTSR" id="QTSR_8" size=2 style="border:0px;"/></td>
<td><input type="text" name="9QTSR" id="QTSR_9" size=2 style="border:0px;"/></td>
<td><input type="text" name="10QTSR" id="QTSR_10" size=2 style="border:0px;"/></td>
<td><input type="text" name="11QTSR" id="QTSR_11" size=2 style="border:0px;"/></td>
<td><input type="text" name="12QTSR" id="QTSR_12" size=2 style="border:0px;"/></td>
<td><input type="text" name="13QTSR" id="QTSR_13"size=2 style="border:0px;"/></td>
</tr>

<tr>
<td>其他业务支出</td>
<td><input type="text" onblur="getRest(this)" name="1QTZC" id="QTZC_1" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="2QTZC" id="QTZC_2" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="3QTZC" id="QTZC_3" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="4QTZC" id="QTZC_4" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="5QTZC" id="QTZC_5" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="6QTZC" id="QTZC_6" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="7QTZC" id="QTZC_7" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="8QTZC" id="QTZC_8" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="9QTZC" id="QTZC_9" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="10QTZC" id="QTZC_10" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="11QTZC" id="QTZC_11" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="12QTZC" id="QTZC_12" size=2 style="border:0px;"/></td>
<td><input type="text" onblur="getRest(this)" name="13QTZC" id="QTZC_13" size=2 style="border:0px;"/></td>
</tr>

<tr>
<td>其他业务利润</td>
<td><input  type="text" name="1QTLR" id="QTLR_1" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="2QTLR" id="QTLR_2" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="3QTLR" id="QTLR_3" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="4QTLR" id="QTLR_4" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="5QTLR" id="QTLR_5" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="6QTLR" id="QTLR_6" readonly="readonly" size=2 style="border:0px;"/> </td>
<td><input  type="text" name="7QTLR" id="QTLR_7" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="8QTLR" id="QTLR_8" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="9QTLR" id="QTLR_9" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="10QTLR" id="QTLR_10" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="11QTLR" id="QTLR_11" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="12QTLR" id="QTLR_12" readonly="readonly" size=2 style="border:0px;"/></td>
<td><input  type="text" name="13QTLR" id="QTLR_13" readonly="readonly" size=2 style="border:0px;"/></td>
</tr>
通过id，写一个js方法，每一行有十三个input，第十三个的值是前十二个的值和，如何去写这个js方法。

Answer 1

/**
*tableObj  table对象  第几行
*/
function getSumValue(tableObj,rowIndex)
{
  var sumValue=0;
  var tRow=tableObj.rows[rowIndex];
  for(var i=0;i<12;i++)
  {
      var tCell=tRow.cells[i];
      if(tCell)
      {
         var tInputs=tCell.getElementsByTagName("input");
         if(tInputs.length>0)
         {
             var tInput=tInputs[0];
             sumValue+=tInput.value;
         }
      }
  }
  var resultCell=tRow.cells[12];
  var resultInputs=resultCell.getElementsByTagName("input");
  if(resultInputs.length>0)
  {
     resultInputs[0].value=sumValue;
  }
}

Answer 2

function getCount(obj){
     var inputValue_13 = 0;
     var pubStr = obj.split('_')[0];
     for(var i=1;i<=13;i++){
          var thisValue = document.getElementById(pubStr+i).value * 1;
          inputValue_13 += thisValue;
     }
     document.getElementById(obj).value=inputValue;
}

Answer 3

var thisValue = document.getElementById(pubStr+i).value * 1;
这里写错了：应该是：
var thisValue = document.getElementById(pubStr+'_'+i).value * 1;

Answer 4

主要是这个东西你需要在哪里做？？？js还是后台程序中。如果是程序中，上面的说的就行，如果是js中，document.getElementsByName("……")[i].value或者是document.getElementById["……"].value，都能访问到控件了，你就无所不能了

Answer 5

你的代码里有的下划线写成了减号。 <script type="text/javascript">
function getA(obj)
{
var id = obj.id;
var pre = id.split("_")[0];
var sum = 0;
for(i=1;i<=12;i++)
{
var c = document.getElementById(pre+"_"+i).value;
if(c!=''&&!isNaN(c))
{
sum+=parseFloat(c,10);
}
}
document.getElementById(pre+"_13").value=sum;
}
</script>

Answer 6

看着这些HTML，就想推荐楼主去学学JQ了。JQ不但是一个JS框架，它更能带给你整个页面设计的全新思想，虽然以稍微牺牲一些效率为代价，但代价很值得。

Answer 7

function Computer(objComId)
{ var sum=0; var tdValue=0; for(var i=1;i<=12;i++)
{
    if(document.getElementById(objComId+i).value != "")
{
tdValue = eval(document.getElementById(objComId+i).value);
}else
{
tdValue = 0;
}
sum = sum + tdValue;
} document.getElementById(objComId+"13").value = sum;
}//  Computer('QTLR_');

Answer 8

为什么页面会报出 ‘obj’未定义的错误

Answer 9

obj是你传进来的ID啊！你有没有传进来？alert看看？

Answer 10

还有就是，建议你在每一个input标签里边加上这段：onkeyup="this.value=this.value.replace(/\D/g,'')"，这样就能保证输入的只能是数字，这样的好处就是在，js的时候，不用再去判断是否是数字！

Answer 11

每13个标签，只在最后一个input上添加onblur事件，
window.onload=function(){
   var tds=document.getElementsByTagName("input"); 
   var sum=new Array();
   for(var i=0;i<tds.length;i++){
     var value=tds[i].value;
     sum[i]=sum[i-1]+parseInt(value);
     if ((i+1)%13==0){
         tds[i].onblur=function(){ this.value=sum[i];}
   }   
}
}

Answer 12

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('SJ') > 0) {
           
            idSR = id.replace('SJ', 'SR');alert(idSR);
            idCB = id.replace('SJ', 'CB');alert(idCB);
            idSJ = id;
            idLR = id.replace('SJ', 'LR');alert(idSJ);
        }
        
        vSR = parseFloat($('#' + idSR).val());
        vCB = parseFloat($('#' + idCB).val());
        vSJ = parseFloat($('#' + idSJ).val());        if (!isNaN(vSR) & !isNaN(vCB) & !isNaN(vSJ)) {           $('#' + idLR).val(vSR - vCB - vSJ);
           
        } 
    }
写好计算每行的值，现在是拿行与行之间做减法，无法获取ID，怎么修改我上面的js方法。