javascript - 使用 Javascript 在表中设置复选框

标签 javascript html dom

尝试在表格内设置一个复选框。我认为这会很简单,并且类似于以表单的方式进行。

我可以使用表单成功完成此操作,但当复选框位于表格中时会卡住。

当复选框位于我使用的表单中时:

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

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

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

最佳答案

  • 使用“checked”属性
  • 让 javascript 使用以下代码找到复选框:document.getElementById('mybox_id')

关于javascript - 使用 Javascript 在表中设置复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6766937/

相关文章:

javascript - 如何从 DOM 中删除特定的 &lt;script&gt; 和 &lt;style&gt; 标签

javascript - 如何扩展动态导入的模块?

html - 将网格元素与不同的高度对齐

css - 从 css 访问跨度文本

jQuery - 像浏览器一样进行页面搜索

java - 为什么&符号被解释为文本节点上的 child

javascript - 使用 Javascript 检测 Chrome 操作系统

javascript - 如何让代码在出错后继续执行 [JS]

javascript - 使用 jQuery 更改 URL 和重定向

html - 如何根据YAML front matter设置背景颜色(Jekyll)