验证是否已选中复选框或单选按钮

Question

以下函数检测具有“ required”类的输入，并在触发提交按钮和Google ReCAPTCHA之前检查它们是否为空。

function validate(event) {
event.preventDefault();
//
var questions = document.getElementsByClassName('required');
var valid = true;

for (var i=0; valid && i<questions.length; i++) {
    if (!questions[i].value.trim()) {
        valid = false;
    }
}
if (valid) {
    grecaptcha.execute();
} else {
    alert("Please fill out all required fields.");
}}

我正在尝试添加一种方法来检测复选框和/或单选按钮是否也已选中。

有什么想法吗？

Answer 1

您可以检查元素上的type属性。

for (var i=0; valid && i<questions.length; i++) {
    if (questions[i].type === "checkbox") {
        valid = questions[i].checked;
    } else {
        if (!questions[i].value.trim()) {
            valid = false;
        }
    }

    if (!valid) break;
}