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元素中显示checked的值。 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);
});

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

2 个答案: