1

次のようなテーブルがあります。テーブルのセルの内容を表示する必要があります。対応するチェックボックスがボタンでチェックされている場合はクリックします

ここに画像の説明を入力

例：

Row2がチェックされている場合、アラート ボックスにはRow2と表示されます。

ここに私のコードがあります、

JavaScript:

<script type="text/javascript">
function whichRow(tableID){ 
 var table = document.getElementById(tableID);
 var rowCount = table.rows.length;
 for(var i=0; i<rowCount-1; i++) {
 var cell_val=table.rows[i].cells[1].innerHTML;
 alert(cell_val);
}
}
</script>

HTML:

<table id="Item1">
 <tr><td>Row 1</td><td><input name="rowno" type="checkbox"/></td></tr>
    <tr><td>Row 2</td><td><input name="rowno" type="checkbox"/></td></tr>
    <tr><td>Row 3</td><td><input name="rowno" type="checkbox"  /></td></tr>
    <tr>
      <td colspan="2"><input type="submit" name="button" id="button" value="Submit" onclick="whichRow('Item1')" /></td>
    </tr>
</table>

私が直面している問題:

現在、チェックボックスのinnerHTMLを取得できますが、チェックされているかどうかを確認できません...

4

3 に答える 3

1

私があなたの質問を正しく理解していれば、この方法で試すことができます。

編集コメントに基づいて更新

function whichRow(tableID) {
    var table = document.getElementById(tableID);
    var rowCount = table.rows.length;
    var inputBoxes = table.getElementsByTagName('input'); //modified to get only input tags present within the table
    for (var i = 0; i < rowCount - 1; i++) {
        if (inputBoxes[i].checked) { //checks if the checkbox is selected
            var cell_val = table.rows[i].cells[0].innerHTML;
            alert(cell_val);
        }
    }
}

ワーキングデモ

于 2013-08-25T11:55:31.577 に答える