admin管理员组

文章数量:1344192

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

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

  • javascript
  • checkbox
Share Improve this question edited Aug 26, 2014 at 6:42 user3209031 8351 gold badge14 silver badges39 bronze badges asked Aug 26, 2014 at 6:39 MhdaliMhdali 6881 gold badge7 silver badges17 bronze badges 3
  • Could you include your HTML? It is easier to find the problem then. – Afsa Commented Aug 26, 2014 at 6:41
  • It's asp page, and I'm using javascript to toggle all checkboxes inside DataGridView, I already done it by getting all inputs inside the dataGrid then checking the type of the input and finally change the checked property, but I'm trying another ways for learning sake only. – Mhdali Commented Aug 26, 2014 at 6:46
  • The problem is that checkBoxis undefined. What is i? – Afsa Commented Aug 26, 2014 at 6:56
Add a ment  | 

5 Answers 5

Reset to default 7

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

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

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>

`

Give id to Check box 

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

    var checkbox = $('#chkbox1');    

    alert(checkbox.attr('id'))

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

本文标签： javascriptHow to get checkbox inside table row cellStack Overflow

版权声明：本文标题：javascript - How to get checkbox inside table row cell - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1743701862a2524459.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。