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

Question

如果我有超过 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 上，但仍在每个相同的行中有没有人能帮我解决这个问题，谢谢^^

Answer 1

这是您的解决方案

Demo

你的代码应该是这样的

<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>

注意:您应该注意一件事，我使用了特定的 ID 来返回值，如果您在许多行中使用它，您应该使用 jQuery 导航到相应行中的该元素并在其中打印结果。