javascript - 如何建立验证 html 中的至少一个输入字段？

Question

我有以下 html 代码:

<label class="checkbox-inline">
<input type="checkbox" name="field_1" value="field_1"    id="field_1"/> Field 1  </label>

<label class="checkbox-inline">
<input type="checkbox" name="field_2" value="field_2"    id="field_2"/> Field 2  </label>

<label class="checkbox-inline">
<input type="checkbox" name="field_3" value="field_3"    id="field_3"/> Field 3  </label>

<button class="btn btn-primary" type="submit" onclick="getFormData('action')">   Execute <i class="fa fa-arrow-right"></i> </button>

我需要一个函数JS来执行onclick“执行”，它控制在getFormData('action')之前至少检查1个字段

Answer 1

如果你使用 jQuery，这样的东西应该可以工作。

if($('#field_1').is(':checked') || $('#field_2').is(':checked') || $('#field_3').is(':checked')) {
    // Do something
} else {
    return;
}

或者使用纯 JavaScript

let field1 = document.getElementById("field_1").checked;
let field2 = document.getElementById("field_2").checked;
let field3 = document.getElementById("field_3").checked;

if(field1 || field2 || field3) {
    // Do something
} else {
    return; 
}