选择至少一个复选框的 Jquery 验证答案

【问题标题】：Jquery validation for select at least one check box选择至少一个复选框的 Jquery 验证
【发布时间】：2016-09-30 06:35:31
【问题描述】：

我想验证至少必须选中一个复选框，否则会显示错误和焦点。这是我的表格：

<div class="form-group">Eligible Branch
    <select id="eligiblebranch" multiple="multiple" class="form-control" >
        <?php  $branch = $conn->query("SELECT * FROM r_branch  ORDER BY id_branch ASC");
            while ($branchresult = $branch->fetch_assoc()) { ?>
            <option value="<?php echo $branchresult['id_branch']; ?>"> <?php echo $branchresult['branch_name']; ?> </option>
        <?php } ?>
    </select>
</div>

这是我尝试过的：

//Eligible branch
var eligiblebranch = $("#eligiblebranch").val();
if(eligiblebranch=='0')
{
    $("#eligiblebranch").css({"border-style": "solid", "border-color": "red"});
    $("#showMessage").html('Please Enter Eligible Branch');
    $("#eligiblebranch").focus();
    return false;
    }else{
    $("#eligiblebranch").css({"border-style": "solid","border-color": "#E9E9E9"});
}

【问题讨论】：

我在您的代码中找不到任何复选框？
多选，至少一选？
你试过$("[id*=eligiblebranch] input:checked").length吗？
因为它是多选，所以不需要使用复选框来选择多个
尝试使用$("[id*=eligiblebranch] input:checked").length检查JS中所选元素的长度，如果为0，则应用验证。

标签： jquery validation checkboxlist

【解决方案1】：

这里有一个代码供您开始...

function validate(){
var gR = $("#eligiblebranch :checked");
  if(gR.length==0){
    alert("Please select atleast one option");
  } else {
    alert("Can submit form");
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">Eligible Branch
    <select id="eligiblebranch" multiple="multiple" class="form-control" >
        <option value="A">A</option>
      <option value="B">B</option>
      <option value="BB">BB</option>
      <option value="AA">AA</option>
    </select>
</div>
<input type="button" onclick="validate()" value="Submit" />

【讨论】：