Как проверять разные имена флажков с помощью javascript или jquery

Question

Не могли бы вы помочь мне проверить разные имена флажков за раз. Это означает, что у меня разные уровни пользователей. Пользователь выбирает хотя бы одну роль. Как проверить флажки? Здесь мой код как этот

<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. Заранее спасибо

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') 
} 

Answer 2

Вот вам может видеть, как он проходит через все и отображает значение, указанное в отдельном элементе вывода html. http://jsfiddle.net/Np6aY/

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