使用 Javascript 在表格中设置复选框答案

【问题标题】：Setting Checkbox in a Table Using Javascript使用 Javascript 在表格中设置复选框
【发布时间】：2011-07-20 18:50:39
【问题描述】：

试图在表格中设置一个复选框。我认为这很简单，类似于以表格形式进行。

我可以使用表单成功地做到这一点，但是当复选框在表格中时会卡住。

当复选框处于我使用的表单中时：

 <form name="access_menu_form">
    <input type="checkbox" name="mybox_name" id="mybox_id" value="1">
 </form>

 document.access_menu_form.mybox_name.checked == true

效果很好！！

我知道我错过了关于 DOM 的一个关键点。尝试使用失败的类似技术设置我在表格中的复选框失败：

我的桌子：

 <table name="access_table">
   <thead>
    <tr>
      <th>Area</th> 
      <th>Item</th> 
      <th>Access</th> 
    </tr>
  </thead>
 <tr>
   <td><input type="checkbox" name="mybox_name" id="mybox_id" value="1"></td>
   <td><input type="checkbox" name="mybox1_name" id="mybox1_id" value="1"></td>
   <td></td>
 </tr>
 </table>

我的脚本

 document.access_table.mybox_name.checked = false;

我收到错误：未捕获的类型错误：无法读取未定义的属性“mybox”

 document.mybox_name.checked = false;

我收到错误：未捕获的类型错误：无法设置未定义的属性“已检查”

【问题讨论】：

哈哈。这么多人回答得这么快，而且几乎都是一样的！谢谢你们的帮助。我确实尝试过，但我一定错过了一些东西。成功了！

标签： javascript html dom

【解决方案1】：

使用“checked”属性
让 javascript 使用以下命令查找复选框，document.getElementById('mybox_id')

【讨论】：

【解决方案2】：

如果您有 ID，最直接的方法是使用 getElementById：

document.getElementById('mybox_id').checked == true;

无论元素位于何处，它都将始终有效。

【讨论】：

【解决方案3】：

当您像这样使用 javascript 时，您通常访问的是元素的 id，而不是名称。试试这个：

检查值：

if(document.getElementById('mybox_id').checked == false){
  // Do Stuff
}

赋值：

document.getElementById('mybox_id').checked = false;

【讨论】：

【解决方案4】：

用document.getElementById('mybox_id').checked = false试试吧！

【讨论】：

【解决方案5】：

试试这个：

document.getElementById('mybox_id').checked = false;

适用于任何地方（桌子内部或外部）。

【讨论】：

【解决方案6】：

只需将复选框包装在一个表单标签中，该标签用表格标签包装。这将解决您的问题。

【讨论】：