ブートストラップの検証は次のコードが動的にチェックボックスを作成します

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ある同じ名前のチェックボックスを有効にするために変更を以下の通りです。