2015-05-24 3 views
0

У меня возникла странная проблема с флажками; в этой части кода:Проблема с галочкой: Проверено = «проверено» не работает

<div class="two-column-layout"> 
    <input type="checkbox" name="externalSystemEndPoint" class="hidden" /> 
    <input type="checkbox" checked="checked" id="endPoint-{{endPointCode}}" name="externalSystemEndPoint" title="{{externalSystemName}}" value="{{endPointCode}}" {{disabledAttribute mandatory}}/> 
    <label for="endPoint-{{endPointCode}}" class="checkbox-label">{{externalSystemName}}</label> 
</div> 

Даже второй флажок (с id="endPoint-{{endPointCode}}") это появляющейся, эффект атрибута checked="checked" не применяется.

Любые подсказки?

Заранее спасибо.

UPDATE: Это HTML-код генерируется:

<fieldset class="form-fieldset ui-corner-all"> 
    <legend class="form-fieldset-legend ui-state-default ui-corner-all"> 
     External Systems 
    </legend> 

    <div class="two-column-layout"> 
     <input type="checkbox" name="externalSystemEndPoint" class="hidden"> 
     <input type="checkbox" checked="checked" id="endPoint-CHIX_ENDPOINT" name="externalSystemEndPoint" title="Childrens Index" value="CHIX_ENDPOINT"> 
     <label for="endPoint-CHIX_ENDPOINT" class="checkbox-label">Childrens Index</label> 
    </div> 

    <div class="two-column-layout"> 
     <input type="checkbox" name="externalSystemEndPoint" class="hidden"> 
     <input type="checkbox" checked="checked" id="endPoint-CIIX_ENDPOINT" name="externalSystemEndPoint" title="Citizens Index" value="CIIX_ENDPOINT"> 
     <label for="endPoint-CIIX_ENDPOINT" class="checkbox-label">Citizens Index</label> 
    </div>   
</fieldset> 
+1

Что сгенерированный HTML код выглядит? – Guffa

+1

Вы используете Angualr для шаблонов? Что такое значение {{disabledAttribute обязательный}}? Пожалуйста, предоставьте JavaScript для этого. –

+0

@ Guffa Я только что обновил вопрос сгенерированным HTML –

ответ

0

Это, кажется, работает хорошо в ниже фрагменте кода. Возможно, проблема с вашим шаблоном. Дайте мне знать детали сценария, если вы по-прежнему сталкиваются с проблемой

.hidden{ 
 
    display: none; 
 
}
<fieldset class="form-fieldset ui-corner-all"> 
 
    <legend class="form-fieldset-legend ui-state-default ui-corner-all"> 
 
     External Systems 
 
    </legend> 
 

 
    <div class="two-column-layout"> 
 
     <input type="checkbox" name="externalSystemEndPoint" class="hidden"> 
 
     <input type="checkbox" checked="checked" id="endPoint-CHIX_ENDPOINT" name="externalSystemEndPoint" title="Childrens Index" value="CHIX_ENDPOINT"> 
 
     <label for="endPoint-CHIX_ENDPOINT" class="checkbox-label">Childrens Index</label> 
 
    </div> 
 

 
    <div class="two-column-layout"> 
 
     <input type="checkbox" name="externalSystemEndPoint" class="hidden"> 
 
     <input type="checkbox" checked="checked" id="endPoint-CIIX_ENDPOINT" name="externalSystemEndPoint" title="Citizens Index" value="CIIX_ENDPOINT"> 
 
     <label for="endPoint-CIIX_ENDPOINT" class="checkbox-label">Citizens Index</label> 
 
    </div>   
 
</fieldset>

Смежные вопросы