如何获取表格行单元格内的复选框答案

【问题标题】：How to get checkbox inside table row cell如何获取表格行单元格内的复选框
【发布时间】：2014-10-19 09:47:37
【问题描述】：

我在 javascript 方面很菜鸟。

我正在尝试提醒表格视图行单元格内的复选框的 ID。

我试过了：

var checkBox = grid.rows[i].cells[0].firstChild;
alert(checkBox.id);

但警告框显示“未定义”。

【问题讨论】：

能否包含您的 HTML？这样就更容易找到问题了。
这是asp.net页面，我正在使用javascript来切换DataGridView中的所有复选框，我已经通过获取dataGrid中的所有输入然后检查输入的类型并最后更改选中的财产，但我只是为了学习而尝试另一种方法。
问题是checkBox是未定义的。 i 是什么？

标签： javascript checkbox

【解决方案1】：

您可以使用 jquery，并执行以下操作： `

<html>
<head>
<script src="jquery-1.11.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
//alert();
$(".chk").bind("click",function(){
          alert($(this).attr("id"));
          //alert();
    });
});
    </script>
    </head>
    <body>
            <form action="">
        <input type="checkbox" class="chk" id="one" name="vehicle" value="Bike">I have a bike<br>
        <input type="checkbox" class="chk" id="two" name="vehicle" value="Car">I have a car 
</form>
    </body>
    </html>

`

【讨论】：

【解决方案2】：

为复选框提供 id

    <input type='checkbox' id='chkbox1' name='ex1_b'>

    var checkbox = $('#chkbox1');    

    alert(checkbox.attr('id'))

【讨论】：

【解决方案3】：

我找到了答案，而不是使用

grid.rows[i].cells[0].firstChild

我试过了

grid.rows[i].cells[0].children[0]

而且效果很好。

谢谢

【讨论】：

【解决方案4】：

   var table = document.getElementById("tblRestaurantTiming");

        //Loop through Table Rows.
        for (var i = 0; i < table.rows.length - 1; i++) {
            //Reference the Table Row.
            var row = table.rows[i];   
            var lastorder = row.cells[6].firstChild;
            var check = lastorder.checked;
           }

【讨论】：

【解决方案5】：

这对我有用：

function check() {
    let table = $('#tableId').DataTable();
    let rows = table.rows({selected: true}).nodes().to$();
    var checkBox = rows[0].cells[0].children[0];
    alert(checkBox.id)
}

【讨论】：