jquery - 无法根据复选框选中的属性添加/删除按钮中的禁用属性

Question

Jquery:

<script type="text/javascript">

function  enableDisableButton() {

    var isChecked = ($('input[name=ignore-checkbox]').is(':checked'));

    if (isChecked == true) {
        $("button[name=set-up-account]").removeAttr("disabled");
    }
    else {
        $("button[name=set-up-account]").attr("disabled", "disabled");
    }

}

$('#mobilePage').live('pageinit', function (event) {    //document ready for jquery mobile

    enableDisableButton();

    $('#ignore-checkbox').bind("change", function () {
        enableDisableButton();
    });

});
  </script>

HTML:

 @using (Html.BeginForm("Account", "SetUpAccount", FormMethod.Post, new { @id = "account-set-up", @data_ajax = "false" }))
 {       

     <div class="ui-grid-a field">
        <div class="ui-block-a" style="width:140px;">
         <label for="ignore-checkbox">Ignore</label>
         <input type="checkbox" name="ignore-checkbox" id="ignore-checkbox"/>
        </div>
     </div>

     <div style="width:100%;float:left;">
         <button type="submit" name="set-up-account" id="set-up-account"  data-inline="true"  data-mini="true">Set Up Account</button>
     </div>
  }

我想根据复选框选中的属性启用/禁用设置帐户按钮。如果选中复选框，则启用该按钮，否则禁用。在页面加载时我禁用按钮

我面临的问题是，

在页面加载时，它禁用按钮，但它没有根据复选框的更改事件添加/删除禁用属性，我 checkin 了firebug，它根据选中和未选中的值正确进入循环。

注意:我使用的是 Jquery mobile 1.2 和 jquery 1.7。另外，在在这里发帖之前，我在谷歌中进行了搜索，根据复选框选中值启用和禁用按钮有很多帖子。但没有解决我的问题。

有什么问题吗？请帮助我

谢谢...

Answer 1

我不确定这是否有助于解决您的主要问题，但根据 http://api.jquery.com/prop/您应该使用 .prop() 函数添加和删除禁用的属性，而不是 .attr() 和 .removeAttr() 函数。

添加属性:

.prop("disabled", true);

要删除该属性:

.prop("disabled", false);

我在查找上述信息时偶然发现了这个问题，所以我想分享一下。