驗證是否已選中復選框或單選按鈕

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;
}