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

前端之家收集整理的这篇文章主要介绍了jquery – 无法根据复选框选中的属性在按钮中添加/删除禁用的属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
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>
  }

我想基于复选框选中属性启用/禁用“设置帐户”按钮.如果选中复选框,则启用该按钮,否则禁用.在页面加载时,我正在禁用该按钮

我面临的问题是,

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

注意:我使用的是Jquery mobile 1.2和jquery 1.7.此外,在发布此处之前,我在谷歌搜索,根据复选框选中的值启用和禁用按钮下有很多帖子.但没有人能解决我的问题.

有什么问题?请帮我

谢谢…

解决方法

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

添加属性

.prop("disabled",true);

删除属性

.prop("disabled",false);

我在寻找上述信息时偶然发现了这个问题,所以我想我会分享.

猜你在找的jQuery相关文章