使用Jquery Mobile启用/禁用jQuery复选框

Question

在页面加载期间，我有一个被禁用的复选框。 按下按钮时，我希望将其启用。 它适用于我的桌面版本，但不适用于我的jQuery Mobile版本。 如果我做相反的事情（加载时启用并使用按钮禁用），则效果很好。 这是代码：

HTML：

<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>

jQuery的：

<script language="javascript" type="text/javascript">
$().ready(function () {
    $("#blah").click(function () {            
        $('#terms').removeAttr('disabled');
    });
});
</script>

任何帮助将不胜感激！

谢谢！

Answer 1

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

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

演示版

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