0

我有一个 asp:table(table1)，在具有以下结构的用户控件中

           |  Col2 | Col3 | SUM
   DEFAULT |    5  |   2  |    
      R1   |    1  |   2  |     
      R2   |    4  |   5  |

这里仅在 aspx 页面中静态创建标题，其余所有行都添加到 .vb（动态）页面中。

我的要求是，在页面加载时（在客户端，加载表格后），我希望 Sum 列显示 Col2 和 Col3 的总和。此外，由于 Col2 和 Col3 是可编辑的，因此在单元格中的数据更改时，Sum 值应自行更新。

我怎样才能找到单元格，因为我没有它们的 ID，还应该调用哪些事件来显示这些值？

4

2 回答 2

1

JavaScript：

    var col2,col3;
    var table = document.getElementById('tableid');
    for (var i = 0; i < table.rows.length; i++) {
        //2 - first cell number, 3 2nd cell number.
        for (var j = 2; j <= 3; j++) {
           if(j==2){//coll2
             col1 += table.rows[i].cells[j].innerHTML;
           }else if(j==3){//col3
             col2 += table.rows[i].cells[j].innerHTML;
           }
        }
    }

您可以这样查看：（也许这会让它看起来很简单）
表格：
{row:0,cell:0},{row:0,cell:1}, {row:0,cell:2},{row :0,cell:3} ,{row:0,cell:4}
{row:1,cell:0},{row:1,cell:1}, {row:1,cell:2},{row: 1，单元格：3}，{行：1，单元格：4}
{行：2，单元格：0}，{行：2，单元格：1}，{行：2，单元格：2}，{行：2 ,cell:3} ,{row:2,cell:4}
...
（粗体值是您将通过上面的代码获得的值）
我希望它有所帮助，您只需要表格 ID。

于 2012-07-05T10:01:55.017 回答
0

HTML：

<Table id='tblTest'>
    <thead >
        <th>
            ID
        </th>
        <th>
            Name
        </th>
    </thead>
    <tbody >
        <tr>
            <td>
                1
            </td>
            <td>
                JavaScript
            </td>
        </tr>
        <tr>
            <td>
                2
            </td>
            <td>
                JQuery
            </td>
        </tr>
    </tbody>
</table>

查询：

var totRow=$('#tblTest tbody').find('tr').length;
var totCol=$('#tblTest thead').find('th').length;

for(var i=0;i<totRow;i++){
    for(var j=0;j<totCol;j++){
    var text= $('#tblTest tbody').find('tr:eq('+i+') td:eq('+j+')').text();
        console.log(text.trim());
    }
}

如果你想看 JSFiddle

于 2012-07-05T10:11:16.153 回答