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中的you shouldn't use .ready()。始终使用jQuery Mobile events。

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

<强> Demo

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

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

1 个答案: