Question

我是javascript的新手，我有很多复选框，最近我决定把它们放在一个看起来更漂亮的桌子里面（桌面单元格内每个复选框一个问题）。

我正在编写一个代码，可以检查特定单元格上是否检查特定问题/复选框。并且如果检查了那么做一些事情。

以下是示例HTML代码： -

<tr id ="row2">
    <td><div>Disable Auto Save  : <input type="checkbox" name="disautosave" value="disableauto" id = "disableauto"></div></td>
    <td><div>Enable Stack Monitoring  : <input type="checkbox" name="stackmon" value="enablestackmon" id = "enablestackmon"></div></td>
    <td>3</td>

这是Javascript代码，如果我在这里使用警报，它只是弹出并提醒“禁用自动保存：”这是单元格的内容

var Row = document.getElementById("row2");
var Cells = Row.getElementsByTagName("td");
alert(Cells[0].innerText);

但是，我正在查找复选框值，即检查是否选中了该给定单元格上的复选框。我尝试了以下代码......但它不起作用。

if (Cells[0].checked){
    alert("Checked");
    //alert(Cells[1].innerText);
}

Answer 1

代码中的

Cells引用了一堆td标记，其上没有checked属性

使用var checkboxes = document.querySelectorAll("row2 input[type=checkbox]")获取所有复选框，然后单独使用checked，例如： checkboxes[0].checked等等

Answer 2

从问题中回答：

在尝试和玩它时得到了答案

if (document.getElementById("row2").getElementsByTagName("td")[0].getElementsByTagName('input')[0].checked==true)
 {

 alert ("Hola");

 }

Answer 3

var chk = tableRows[x].cells[5].firstChild; 
// converts from table cell to <input> i get inside of <td> an <input>

Javascript检查表格中是否选中了复选框

3 个答案: