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 复选框使用 Jquery Mobile 启用/禁用

首先,你不应该在jQuery Mobile中使用.ready()。始终使用 jQuery Mobile 事件。

对于您的问题,您需要使用 .prop('disabled, false) 然后调用增强方法.checkboxradio('refresh')来重新设置复选框的样式。

演示

$('#blah').on('click', function () {
  $('#foo').prop('disabled', false).checkboxradio('refresh');
});