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，其中一个复选框必须选中，但我无法在此处自定义，我有很多复选框..这是一个try ...

Answer 1

从链接到解决方案开始：遍历您的复选框，一旦找到一个复选框，您就可以启用提交按钮;如果你完成了循环但没有选中，则禁用它。

如果你不能使用一个循环，请使用一系列if语句：一旦你找到一个语句，启用按钮就完成了。只有在您看到没有被检查的情况下才能禁用它。

Answer 2

我不知道你到底想要什么，但是下面的代码检测是否选中了任何一个复选框，如果没有选中，则返回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的按钮，您可以在表单提交上使用此代码。

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

2 个答案: