首页 文章

如何计算行单元格表中的值

提问于
浏览
0

如果我有超过1行,其中每行有3列与输入框,可能看起来像这样:

<table id="mytable">
<tr>
    <td><input value = "1" /></td>
    <td><input value = "2" onBlur="goCount(this)" /></td>
    <td><input value = "2+1" /></td>
</tr>   

 <tr>
    <td><input value = "3" /></td>
    <td><input value = "4" onBlur="goCount(this)" /></td>
    <td><input value = "3+4" /></td>
</tr>

计数必须在单元格1单元格2之间,结果将显示在第三单元格中,也许函数必须如下:

function goCount(btn) {
var x = btn.value;
var y = ??? ;
var z = x + y;
}

但我不知道该怎么做,首先将单元格1作为值并将结果放在单元格3上,但仍然在每个相同的行中有人会帮我解决这个问题,谢谢^^

1 回答

  • 1

    这是你的解决方案

    演示

    你的代码应该是这样的

    <table id="mytable">
    <tr>
        <td><input value = "1" onBlur="goCount(this)"/></td>
        <td><input value = "2" onBlur="goCount(this)" /></td>
        <td><input value = "" id="result"/></td>
    </tr>   
    
     <tr>
        <td><input value = "3" /></td>
        <td><input value = "4" onBlur="goCount(this)" /></td>
        <td><input value = "" /></td>
    </tr> 
        <script type="text/javascript">
    function goCount(btn) {
    var x = btn.value;
    //var y = ??? ;
            var res= document.getElementById("result") ; 
            //alert( res.value);
            if(res.value == "") {
                res.value = 0 ; 
            }
            res.value = parseInt(res.value) + parseInt(x) ;
    
    }
    </script>
    

    Note: Here is one thing you should note, I have used particular ID to return value in that, if you are using this for many rows you should use jQuery to navigate to that element in respective row and print result in it.

相关问题