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

前端之家收集整理的这篇文章主要介绍了jquery – 无法根据复选框选中的属性在按钮中添加/删除禁用的属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
jQuery的:
  1. <script type="text/javascript">
  2.  
  3. function enableDisableButton() {
  4.  
  5. var isChecked = ($('input[name=ignore-checkBox]').is(':checked'));
  6.  
  7. if (isChecked == true) {
  8. $("button[name=set-up-account]").removeAttr("disabled");
  9. }
  10. else {
  11. $("button[name=set-up-account]").attr("disabled","disabled");
  12. }
  13.  
  14. }
  15.  
  16. $('#mobilePage').live('pageinit',function (event) { //document ready for jquery mobile
  17.  
  18. enableDisableButton();
  19.  
  20. $('#ignore-checkBox').bind("change",function () {
  21. enableDisableButton();
  22. });
  23.  
  24. });
  25. </script>

HTML:

  1. @using (Html.BeginForm("Account","SetUpAccount",FormMethod.Post,new { @id = "account-set-up",@data_ajax = "false" }))
  2. {
  3.  
  4. <div class="ui-grid-a field">
  5. <div class="ui-block-a" style="width:140px;">
  6. <label for="ignore-checkBox">Ignore</label>
  7. <input type="checkBox" name="ignore-checkBox" id="ignore-checkBox"/>
  8. </div>
  9. </div>
  10.  
  11. <div style="width:100%;float:left;">
  12. <button type="submit" name="set-up-account" id="set-up-account" data-inline="true" data-mini="true">Set Up Account</button>
  13. </div>
  14. }

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

我面临的问题是,

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

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

有什么问题?请帮我

谢谢…

解决方法

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

添加属性

  1. .prop("disabled",true);

删除属性

  1. .prop("disabled",false);

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

猜你在找的jQuery相关文章