これについて私を助けてください。私は次のようなJavascriptを持っています:
function calc() {
var table = document.getElementById(tableNum);
var rowCount = table.rows.length;
for (var i = 0; i < rowCount; i++) {
var totalNum[i] = document.formNum.txt1[i].value * document.formNum.txt2[i].value;
document.getElementById('totalCalc[' + i + ']').innerHTML = totalNum;
}
}
そしてこのようなHTML:
<table id="tableNum">
<form name="formNum" action="" id="formNum">
<tr>
<td><input type="text" name="txt1[]" onkeyup="calc()"/></td>
<td><input type="text" name="txt2[]" onkeyup="calc()"/></td>
<td><span id="totalCalc[]"></span></td>
</tr>
</form>
</table>
入力フィールドの数は不明です。エラーはありませんが、totalCalcフィールドは空です。私が間違ったことを教えてください。ありがとう。
編集:申し訳ありませんが、両方の入力フィールドがテーブルにあることを言及するのを忘れました。編集したコードを確認してください。ありがとう。
編集:私は実際に、行の挿入ボタンをクリックして、テーブルの行数がユーザーによって定義されているデモに取り組んでいます。
編集:コードを提供してくれたTravisに感謝します。いくつかの変更を加えた後、コードは現在機能しています。ただし、最初の行のみが機能しています。行の長さを取得し、テキストフィールドのforループを使用することを考えています。<input type="text" name="txt1[<?php echo $rowLength;?>]" onkeyup="calc()"/>
誰か他のアイデアがありますか?ありがとう。