JQuery 复选框使用 Jquery Mobile 启用/禁用
本文关键字:启用 禁用 Mobile Jquery 复选框 JQuery | 更新日期: 2023-09-27 18:32:32
在页面加载期间,我有一个禁用的复选框。按下按钮时,我希望启用它。它适用于我的桌面版本,但不适用于我的jQuery Mobile版本。如果我做相反的事情(加载时启用并使用按钮禁用,它就可以正常工作)。这是代码:
目录:
<div>
@Html.CheckBoxFor(model => model.Terms, new { id = "terms", disabled = "disabled"})
</div>
<div>
<input type="button" id="blah" name="blah" data-inline="true" value="blah" />
</div>
j查询:
<script language="javascript" type="text/javascript">
$().ready(function () {
$("#blah").click(function () {
$('#terms').removeAttr('disabled');
});
});
</script>
任何帮助将不胜感激!
谢谢!
首先,你不应该在jQuery Mobile中使用.ready()
。始终使用 jQuery Mobile 事件。
对于您的问题,您需要使用 .prop('disabled, false)
然后调用增强方法.checkboxradio('refresh')
来重新设置复选框的样式。
演示
$('#blah').on('click', function () {
$('#foo').prop('disabled', false).checkboxradio('refresh');
});