javascript動態復選框檢查

Question

我有一個表單（id =“ myForm”），其復選框（“ checkbox”）的檢查/取消選擇如下：

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

我如何動態地做到這一點？ 即有一個功能，我可以傳入復選框的名稱，然后選中還是取消選中它？

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

Answer 1

在Javascript中， foo.bar等效於foo["bar"] ，因此您可以使用：

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

但是，如果您可以為每個復選框指定唯一的id並使用，則更為直接

document.getElementById(checkboxId).checked = false;

Answer 2

您可以創建一個像這樣的簡單函數，並傳遞復選框的ID和結果狀態，無論是否應選中該復選框。

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

此示例還包括一些錯誤檢查，以確保在嘗試設置checked標志之前，該復選框已存在。

Answer 3

嘗試這個

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

Answer 4

像這樣：

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

您將status傳遞為true表示選中，否則返回false表示取消選中。