javascript - 如何使用 javascript 或 jquery 验证复选框的不同名称

Question

你能帮助我如何一次验证不同名称的复选框吗？这意味着我有不同级别的用户。用户至少选择一个 Angular 色。如何验证复选框？这是我的代码，如下所示

<input type="checkbox" name="is_admin" id="is_admin"/>
<input type="checkbox" name="is_marketing" id="is_marketing"/>
<input type="checkbox" name="is_school_admin" id="is_school_admin"/>
<input type="checkbox" name="is_trainer" id="is_trainer"/>
<input type="checkbox" name="is_coordinator" id="is_coordinator"/>

就像这样我的 html 表单就在那里。在此 Angular 色中，用户至少选择一个 Angular 色。请帮助我如何使用 java 脚本或 jquery 进行验证。提前致谢

Answer 1

向所有复选框添加一个类

<input type="checkbox" class="usertype" name="is_admin" id="is_admin"/>
<input type="checkbox" class="usertype" name="is_marketing" id="is_marketing"/>
<input type="checkbox" class="usertype" name="is_school_admin" id="is_school_admin"/>
<input type="checkbox" class="usertype" name="is_trainer" id="is_trainer"/>
<input type="checkbox" class="usertype" name="is_coordinator" id="is_coordinator"/>

然后使用 class selector选择这些复选框并使用 .is()和 :checked-selector检查是否至少检查其中之一

if(!$('input.usertype').is(':checked')){
    alert('select atleast one user type')
}