使用javascript修改复选框

Posted 2023-03-05

【中文标题】使用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页面