首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >JQuery 1.6.2禁用复选框禁用标签

JQuery 1.6.2禁用复选框禁用标签
EN

Stack Overflow用户
提问于 2011-08-16 21:07:29
回答 4查看 6.1K关注 0票数 0

我们有一些现有的JavaScript来启用/禁用一堆复选框。从JQuery 1.4.4升级到1.6.2之后,它就停止工作了。以下是每个复选框的HTML外观:

代码语言:javascript
运行
复制
<li class="option_row">
  <input id="checked27" class="checkbox normal" type="checkbox" disabled="disabled" checked="checked">
    <label class="disabled" for="checked27">
      <span>Foo</span>
  </label>
</li>

启用复选框的JavaScript附加到一个链接(带有类"enableCheckboxesLink"):

代码语言:javascript
运行
复制
var checkboxes = $('.checkbox');
$('.enableCheckboxesLink').click(function() {
  checkboxes.attr('disabled', '').next().removeClass('disabled');
});

换句话说,我们将JavaScript附加到"enableCheckboxesLink“,该”enableCheckboxesLink“查找所有复选框(即”复选框“类中的所有元素)并删除”禁用“属性。

当我停止查看JQuery 1.6.2中的代码时,我可以看到var“复选框”包含例如"input#checked27.checkbox",这是上面的复选框。但是,当我执行上面的最后一行时,它只会从标签中删除“禁用”属性,而不是复选框。为什么?这是JQuery 1.6.2中的一个bug吗?它在JQuery 1.4.4中工作(也就是说,上面的代码同时启用了复选框和标签)。

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2011-08-16 21:40:36

您可以使用以下代码来删除disabled=“禁用”属性,方法是使用attr()方法并将禁用设置为false。

代码语言:javascript
运行
复制
var checkboxes = $('.checkbox');
$('.enableCheckboxesLink').click(function() {
  checkboxes.prop('disabled', false).next().removeClass('disabled');
});
票数 0
EN

Stack Overflow用户

发布于 2011-08-16 21:27:16

jQuery 1.6引入了prop()方法,建议使用它来设置禁用的属性。见这份文件

因此,这应该可以解决您的问题:

代码语言:javascript
运行
复制
checkboxes.prop('disabled', false).next().removeClass('disabled');

这将完全删除“禁用”属性,而不是将其设置为空字符串,这仍然意味着它已被禁用。

票数 1
EN

Stack Overflow用户

发布于 2011-08-16 21:17:31

试一试removeAttr('disabled')。请参阅element.3F

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7085031

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档