如果用户选中复选框，则允许提交

Question

在表单中，我有一些复选框，这些：

 <div class="form-group ">
    <label for="inputName" class="col-lg-2 control-label ">Assistants</label>
      <div class="col-lg-4">
         <div class="checkbox">
           <label><input type="checkbox" name="helper2" value="0">name1</label>
           <label><input type="checkbox" name="helper2" value="1">name2</label>
           <label><input type="checkbox" name="helper2" value="2">name3</label>
         </div>
       </div>                     
  </div>

然后是我的提交按钮：

<div class="form-group">
    <div class="col-lg-10 col-lg-offset-2">
        <button type="submit" class="btn btn-primary" id="postme">Submit</button>
    </div>
</div>

并且我希望用户至少选中 1 个复选框，否则提交按钮不起作用。我发现了很多 solutions where one checkbox have to checked but i can't customize it here where I have many checkboxes.. Here is a try...

Answer 1

从链接的解决方案开始：遍历你的复选框，一旦你找到一个被选中的，你就可以启用提交按钮；如果您完成循环并且 none 已被选中，请将其禁用。

如果您不能使用循环，请使用一系列 if 语句：一旦找到一个被选中的语句，启用该按钮，您就完成了。只有当您看到 none 被选中后，您才能禁用它。

Answer 2

我不知道你到底在期待什么，但是下面的代码检测是否选中了任何一个复选框，如果选中 none，它 returns 为 false。

$("#button-id").on('click',function(){
    var t=$("input[name='helper2']").is(":checked");
    if(t)
    {
            //CODE IF EVEN 1 CHECKBOX IS CHECKED
    }
    else
    {
            //PREVENT FORM SUBMISSION HERE.
    }


  });

P.S:我正在使用一个 id 为 button-id 的按钮，您可以在表单提交中使用此代码。

如果用户选中复选框，则允许提交

Allow submit if user checks a selection of checkboxes

jquery

form-submit