How to get checkbox inside table row cell

Question

I'm very noob in javascript.

I'm trying to alert the id of a checkbox inside table view row cell.

I tried:

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

but the alert box shows "undefined".

Answer 1

I found the answer, instead of using

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

I tried

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

and it works perfectly.

Thanks

Answer 2

You can use jquery, and do something like this: `

<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>

`

Answer 3

Give id to Check box

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

    var checkbox = $('#chkbox1');    

    alert(checkbox.attr('id'))

Answer 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;
           }

Answer 5

this worked for me:

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)
}

How to get checkbox inside table row cell

Question

5 answers

solution1
3 2014-08-26 07:06:06

solution2
0 2014-08-26 07:01:37

solution3
0 2014-08-26 07:05:25

solution4
0 2020-07-24 05:18:18

solution5
0 2021-11-18 12:43:33

How to get checkbox inside table row cell

Question

5 answers

solution1 3 2014-08-26 07:06:06

solution2 0 2014-08-26 07:01:37

solution3 0 2014-08-26 07:05:25

solution4 0 2020-07-24 05:18:18

solution5 0 2021-11-18 12:43:33

solution1
3 2014-08-26 07:06:06

solution2
0 2014-08-26 07:01:37

solution3
0 2014-08-26 07:05:25

solution4
0 2020-07-24 05:18:18

solution5
0 2021-11-18 12:43:33