复选框问题:已选中="已选中"不工作

时间:2015-05-24 09:13:17

标签: html html5 checkbox mustache handlebars.js

我的复选框有一个奇怪的问题;在这段代码中:

<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"的效果。

任何提示?

提前致谢。

更新 这是生成的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 个答案:

答案 0 :(得分:0)

在下面的片段中似乎工作正常。也许你的模板存在一些问题。如果您仍然面临问题,请告诉我详细信息

&#13;
&#13;
.hidden{
    display: none;
}
&#13;
<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>
&#13;
&#13;
&#13;