我的复选框有一个奇怪的问题;在这段代码中:
<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>
答案 0 :(得分:0)
在下面的片段中似乎工作正常。也许你的模板存在一些问题。如果您仍然面临问题,请告诉我详细信息
.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;