2015-05-24 91 views
0

我有一個奇怪的問題與複選框;在這段代碼:複選框問題:Checked =「checked」not working

<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 mandatory}}的價值是什麼?請爲此提供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>

相關問題