使用javascript修改复选框

Posted

技术标签:

【中文标题】使用javascript修改复选框【英文标题】:modify checkbox using javascript 【发布时间】:2011-06-11 14:41:29 【问题描述】:

我在 html 中声明了 5 个带有 name 和 id 属性的复选框:

<input type="checkbox" name="category" value="One" id=11>One<br/> 
<input type="checkbox" name="category" value="Two" id=12>Two<br/> 
<input type="checkbox" name="category" value="Three" id=13>Three<br/> 
<input type="checkbox" name="category" value="Four" id=14>Four<br/>

声明后,我想运行一个javascript,使用该复选框ID启用复选框1。

让我知道澄清一些事情。

【问题讨论】:

如何启用?他们最初是否被禁用? 一个 如果你是在服务器端生成代码(或者即使是静态代码),你知道你可以通过添加checked="checked"作为属性来默认勾选一个复选框吗? 我同意,但我想在通过 javascript 声明后启用复选框。 @ankitjava:所以你正在用 JS 创建它们。你没有这么说;)(至少我不清楚:D) 【参考方案1】:

试试这个检查复选框:

document.getElementById(<id of first checkbox>).checked = true;

试试这个来启用复选框:

document.getElementById(<id of first checkbox>).disabled = false;

【讨论】:

【参考方案2】:
document.getElementById('checkbox1').checked = true;

【讨论】:

【参考方案3】:

试试

   document.myform.box1.checked = true;

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

查看完整示例:http://www.rgagnon.com/jsdetails/js-0007.html

【讨论】:

【参考方案4】:

要选中一个复选框,您可以使用:

document.getElementById("Checkbox_ID").checked = true;

取消选中您可以使用的复选框:

document.getElementById("Checkbox_ID").checked = false;

更多信息请访问this页面

【讨论】:

以上是关于使用javascript修改复选框的主要内容,如果未能解决你的问题,请参考以下文章

使用javascript修改复选框

托管在不同域上的 JavaScript 可以读取/修改另一个域的 DOM 吗?

javascript中radio框触发事件弹出多个多选框,我修改多选框。点击另外一个radio时保存那些之前勾选的数据

Django - 修改Inlineformset删除按钮

通过Jquery来处理复选框

是否可以在 Javascript 和 Vue 中搜索另一个数组时修改一个数组的值?