c# - 使用 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

首先，you shouldn't use .ready()在 jQuery 手机中。始终使用 jQuery Mobile events .

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

Demo

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