logo标签列表

如何在表格行单元格中获取复选框

javascriptcheckbox
3

我很菜，不懂 JavaScript。

我想弹出表格视图行单元格中复选框的 ID。

我尝试了：

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

但是警告框显示为“未定义”。
你能提供一下你的HTML代码吗？这样更容易找到问题。 - Afsa
这是一个asp.net页面，我正在使用JavaScript来切换DataGridView内部的所有复选框。我已经通过获取数据网格中的所有输入，然后检查输入类型并最终更改选中属性来完成了此操作，但出于学习目的，我正在尝试其他方法。 - Mhdali
问题在于 checkBox 未定义。i 是什么？ - Afsa
5个回答
7
我找到了答案，不要使用

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

我尝试了

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

并且它完美地工作。

谢谢。

1

这对我起作用：

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)
}
0
你可以使用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>

`

0

给复选框添加ID

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

    var checkbox = $('#chkbox1');    

    alert(checkbox.attr('id'))
0
   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;
           }
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接