我在Checkbox值中生成一个Textbox。但是当我点击文本框以输入内容时,复选框会自动取消选中。
<span id="TRAVEL_TYPE_1"><input id="TRAVEL_TYPE_0" type="checkbox" onclick="UpdateTravelInformations();">
</input><label for="TRAVEL_TYPE_0">
TRP1 : Transports en commun 2ème classe, sur justificatifs
<div id="TRAVEL_TYPE_1_INFORMATION" class="infoChoixFDM" style="display: block;">
<input id="MONTANTMAX" class="positive-integer" type="text" value="20" maxlength="5" style="width:50px; text-align:center" runat="server"></input>
€
</div>
</label>
</span>
当我在MONTANTMAX的点击事件上设置为false时,问题在Chrome上得到了部分解决。但是在IE和Firefox中它不起作用......
$('#MONTANTMAX').click(function () {
if (!$.browser.msie) {
$('#TRAVEL_TYPE input').get(0).checked = false;
}
有人可以帮助我吗?
答案 0 :(得分:3)
您必须在文本末尾关闭<label>
<span id="TRAVEL_TYPE_1"><input id="TRAVEL_TYPE_0" type="checkbox" onclick="UpdateTravelInformations();">
</input><label for="TRAVEL_TYPE_0">
TRP1 : Transports en commun 2ème classe, sur justificatifs</label>
<div id="TRAVEL_TYPE_1_INFORMATION" class="infoChoixFDM" style="display: block;">
<input id="MONTANTMAX" class="positive-integer" type="text" value="20" maxlength="5" style="width:50px; text-align:center" runat="server"></input>
€
</div>
</span>
否则输入将被指定为复选框的标签。
更新:JS解决方案
$(function(){
$('#MONTANTMAX').click(function (e) {
e.preventDefault();
$('#TRAVEL_TYPE_0[checked=false]').prop('checked', true);
});
});
答案 1 :(得分:0)
你的代码看起来有些混乱。
试试这个:
$('#MONTANTMAX').click(function () {
$('#TRAVEL_TYPE_0').prop('checked', true);
}