javascript - 使用 JavaScript 无法进行复选框验证

Question

每当单击“删除”按钮而不选择任何复选框时，它都会进行验证 - 这是正确的无论何时选择复选框并单击按钮，它也会显示验证。我哪里出错了？

<tr>
    <td>
        <input type='checkbox' name='check1' value = '80'>Q- 80. Statute of Liberty is in ?
    </td>
</tr>
<tr>
    <td>
        <input type='checkbox' name='check1' value = '64'>Q- 64. National Animal ?
    </td>
</tr>
<tr>
    <td>
        <input type='checkbox' name='check1' value = '65'>Q- 65. Popular language
    </td>
</tr>
<tr>
    <td>
        <input type='checkbox' name='check1' value = '63'>Q- 63. Largest Ocean ?
    </td>
</tr> 

JS:

function Checked(){
    var chk=false;

    if (document.myForm.check1.checked){
        chk=true;
        return chk;
    } else {
        alert("Please select Checkbox");
        return chk;
    } 
}

我的函数调用:

<input type="submit" name="delete" formmethod='post' formaction='/~xyz/cgi-bin/Project/CheckDelete.py' value="Delete" onclick="return Checked()">

Answer 1

document.myForm.check1.checked

正如 @CBroe 所建议的，此语句不起作用因为您有多个复选框。

所以你需要迭代。

 var d = document.myForm.check1;
    var arr = 0;
    for (var i = 0; i < d.length; i++) {
        if (d[i].checked) {
            arr++;
        }
    }

这里我创建了一个变量arr，当选中复选框时该变量会递增。

最后我会检查一下

if (arr != 0) return true;
    else {
        alert("Please select Checkbox");
        return false;
    }

最后，

function Checked() {
    var d = document.myForm.check1;
    var arr = 0;
    for (var i = 0; i < d.length; i++) {
        if (d[i].checked) {
            arr++;
        }
    }
    if (arr != 0) return true;
    else {
        alert("Please select Checkbox");
        return false;
    }
}

查看fiddle