以jQuery相同的形式验证多组复选框答案

【问题标题】：Validate Multiple Groups of checkboxes in the same form jQuery以jQuery相同的形式验证多组复选框
【发布时间】：2013-12-09 06:20:51
【问题描述】：

我对 jQuery 很陌生，我需要在一组相同形式的复选框中至少选中一个复选框。这是JSFiddle

HTML：

<form>
    <!-- CHECKBOX GROUP NUMBER ONE -->
     <h3>group one</h3>

    <input type="checkbox" class="reqNow" name='part1'>
    <input type="checkbox" class="reqNow" name='part1'>
    <br>
    <br>
    <!-- CHECKBOX GROUP NUMBER TWO -->
     <h3>group two</h3>

    <input type="checkbox" class="reqNow" name='part2'>
    <input type="checkbox" class="reqNow" name='part2'>
    <!-- CHECKBOX GROUP NUMBER THREE -->
     <h3>group three</h3>

    <input type="checkbox" class="reqNow" name='part3'>
    <input type="checkbox" class="reqNow" name='part3'>
    <!-- CHECKBOX GROUP NUMBER FOUR -->
     <h3>group four</h3>

    <input type="checkbox" class="reqNow" name='part4'>
    <input type="checkbox" class="reqNow" name='part4'>
    <br>
    <input type="submit">
</form>

JAVASCRIPT：

var submitOK = false;


$("form").submit(function (e) {
    e.preventDefault();


    var a = $(".reqNow").serializeArray();

    $.each(a, function (i, b) {
        if (b.value == "on") {
            submitOK = true;
        }


        if (submitOK) {
            alert("Form Sent!");
        }
    });

});

所以基本上我希望表单仅在每个组中至少选中一个复选框时发送。

感谢任何帮助！

【问题讨论】：

您的代码没问题，您可以添加额外的检查以查看 if (b.name == "part1") if (b.name == "part2") 等是否...

标签： javascript jquery html checkbox

【解决方案1】：

你可以检查类似于这个答案JQuery Multiple Checkbox Groups Validation

$("form").submit(function (e) {
    e.preventDefault();
    var g1 = $('.reqNow[name=part1]:checked').length;
    var g2 = $('.reqNow[name=part2]:checked').length;
    var g3 = $('.reqNow[name=part3]:checked').length;
    var g4 = $('.reqNow[name=part4]:checked').length;
    if (g1 > 0 && g2 > 0 && g3 > 0 && g4 > 0)
        alert('Form sent!');
});

查看修改后的JSFiddle

【讨论】：