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

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

<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表单就在那里。在此角色中，用户至少选择一个角色。请帮助我如何使用java脚本或jquery进行验证。提前感谢

在所有复选框中添加一个类

<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"/>

---

在这里，您可以看到它遍历所有内容，并在单独的输出html元素中显示checked的值

HTML:

<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" />
<input type="button" id="getValButton" value="Get Values">
<div class="checkboxOutput"></div>

Javascript:

$('#getValButton').on('click', function () {
    var outputText = '';
    $('input[type=checkbox]').each(function (index, el) {
        outputText += $(el).attr('name') + ': ' + $(el).is(":checked") + '<br>';
    });
    $('.checkboxOutput').html(outputText);
});

$（'getValButton'）。在（'click'，函数（）{
var outputText=''；
$（'input[type=checkbox]'）。每个（函数（索引，el）{
outputText+=$（el）.attr（'name'）+'：'+$（el）.is（“：checked”）+'
'；
});
$（'.checkboxOutput'）.html（outputText）；
});

在看到@Arun P Johny的答案后，您可以使用选择器。我想我可能误解了这个问题。把它放在这里让你决定！

$('#getValButton').on('click', function () {
    var outputText = '';
    $('input[type=checkbox]').each(function (index, el) {
        outputText += $(el).attr('name') + ': ' + $(el).is(":checked") + '<br>';
    });
    $('.checkboxOutput').html(outputText);
});