动态生成复选框引导验证工作不

Question

下面的代码创建复选框动态：

<div class="user-all-services-info"> 
    <div class="row"> 
    <div class="col-md-6"> 
     <div class="form-group"> 
     <label class="control-label">Select Services</label> 
     <br> 
     <c:if test="${!empty srvcLst}"> 
      <c:forEach items="${srvcLst}" var="srvc"> 
      <c:set var="id" scope="page" value="0"></c:set> 
      <c:choose> 
       <c:when test="${!empty smLst}"> 
       <c:forEach items="${smLst}" var="smLst"> 
        <c:if test="${srvc.ssmsId == smLst[0]}"> 
        <c:set var="id" value="1"></c:set> 
        </c:if> 
       </c:forEach> 
       <c:choose> 
        <c:when test="${id eq 1}"> 
        <div class="checkbox"> 
         <label><input 
           type="checkbox" 
           name="srvcId" 
            value="${srvc.ssmsId}"> 
         &nbsp;${srvc.srvcNm} 
         </label> 
        </div> 
        </c:when> 
       </c:choose> 
       </c:when> 
      </c:choose> 
      </c:forEach> 
     </c:if> 
     </div> 
    </div> 
    </div> 
</div> 

---

我写了下面Bootstrap代码来验证动态产生的复选框中的至少一个已选中（请注意，此代码仅适用于第一个复选框;不适用于其他复选框）。

srvcId: {              
    validators: {              
     notEmpty: { 
      message: 'Please select at least 1 service.' 
     } 
    }          
} 

Answer 1

你需要的是以下更改验证复选框同名

<label><input type="checkbox" name="srvcId[]" value="${srvc.ssmsId}">&nbsp;${srvc.srvcNm}</label> 

JS

'srvcId[]': {              
    validators: {              
     notEmpty: { 
      message: 'Please select at least 1 service.' 
     } 
    }          
} 

这里是an example验证同名的复选框。