html - 各行の jsp テーブルでの計算

Question

num1、num2、sumの3つの列を持つjspのテーブルがあります

<table>
    <tr>
        <td>
            Number1
        </td>
    </tr>
    <tr>
        <td>
            Number2
        </td>
    </tr>
    <tr>
        <td>
            Sum
        </td>
    </tr>

    <s:iterator value="transactionList"  var="row" status="status" >
        <tr>
            <td>
                <s:textfield name = "num1" id="num1" onblur="fnSum();" />
            </td>
            <td>
                <s:textfield name = "num2" id="num2" onblur="fnSum();" readonly="true" />
            </td>
            <td>
                <s:textfield name = "sum" id="sum" />
            </td>
        </tr>
    </s:iterator>

    <script type="text/javascript">
    function fnSum()
    {
        var num1 = parseInt(document.getElementById("num1").value);
        var num2 = parseInt(document.getElementById("num2").value);
        var total = num1 + num2;
        document.getElementById("sum").value = total;
    }
    </script>

各行の合計を自動的に表示したい。上記のコードは最初の行でのみ機能し、他の行では機能しません。私はそれを行う方法がわかりません。前もって感謝します