javascript动态复选框检查

时间:2010-08-17 14:56:56

标签: javascript checkbox

我有一个表单(id =“myForm”),其复选框(“复选框”)我检查/取消选中,如下所示:

document.forms['myForm'].checkbox.checked = false;

我该如何动态执行此操作?即有一个函数,我传递复选框的名称,然后选中或取消选中它?

function check(name) {
  document.forms['myForm'].**name**.checked = false; // how can I do this right?
}

4 个答案:

答案 0 :(得分:2)

在Javascript中,foo.bar相当于foo["bar"],因此您可以使用:

document.forms['myForm'][checkboxName].checked = false;

但是,如果您可以为每个复选框指定唯一id并使用

,则会更直接
document.getElementById(checkboxId).checked = false;

答案 1 :(得分:1)

您可以创建一个这样的简单函数,并传入复选框的ID和结果状态,无论是否应该选中该复选框。

function checkTheBox(id, checkState)
{
    var checkbox = document.getElementById(id);
    if(checkbox) 
        checkbox.checked = checkState;
}

此示例还包括一些错误检查,以确保在尝试设置checked标志之前存在该复选框。

答案 2 :(得分:0)

像这样:

function checkuncheck(formName, checkName, status)
{
  document.forms[formName][checkName].checked = status;
}

您将status作为true进行检查,或者false将其取消选中。

答案 3 :(得分:0)

试试这个

document.forms['myForm'].**name**.defaultChecked = true;