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

时间:2014-08-26 06:39:54

标签: javascript checkbox

我在javascript中非常棒。

我试图提醒表格视图行单元格中的复选框的id。

我试过了:

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

但警告框显示" undefined"。

4 个答案:

答案 0 :(得分:3)

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

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

我试过

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

它完美无缺。

由于

答案 1 :(得分: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>

`

答案 2 :(得分:0)

将ID设为复选框

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

    var checkbox = $('#chkbox1');    

    alert(checkbox.attr('id'))

答案 3 :(得分: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;
           }