twitter-bootstrap - 動的に生成されたチェックボックスのブートストラップ検証が機能しない

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>

---

動的に生成されたチェックボックスの少なくとも 1 つが選択されていることを確認するために、次のBootstrapコードを作成しました (このコードは最初のチェックボックスにのみ適用され、他のチェックボックスには機能しないことに注意してください)。

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