如何从输入提交字段中删除 disabled = "disabled" 属性？

Question

我很难从输入字段中删除disabled="disabled"属性。

以下是我尝试过的三种 jQuery 方法：

 jQuery('.db_single_lesson .ld-breadcrumbs:first input[type=submit]').removeAttr('disabled'); jQuery('.db_single_lesson .ld-breadcrumbs:first input[type=submit]').prop('disabled', false); jQuery('.db_single_lesson .ld-breadcrumbs:first input[type=submit]').removeProp('disabled');

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="submit" value="Mark Complete" class="abcd" disabled="disabled">

但一直无法删除disabled="disabled"属性。 任何人都可以告诉我出了什么问题，或者我怎么能删除 disabled 属性？

谢谢

Answer 1

让我们看看选择器...

.db_single_lesson .ld-breadcrumbs:first input[type=submit]

这段代码正在寻找一些带有db_single_lesson元素，其中包含另一个带有ld-breadcrumbs类的元素，其第一个输入是提交类型。 您没有这两个包含类。 我已经添加了它们，你第一次尝试使用removeAttr()解决方案现在工作正常......

 jQuery('.db_single_lesson .ld-breadcrumbs:first input[type=submit]').removeAttr('disabled');

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="db_single_lesson"> <div class="ld-breadcrumbs"> <input type="submit" value="Mark Complete" class="abcd" disabled="disabled"> </div> </div>

Answer 2

在 jQuery 中启用按钮的正确方法是：

$('proper selector').prop('disabled', true);

看起来您没有正确选择按钮，请尝试添加 id 以供选择以自行测试解决方案。 接下来 - 也用于测试 - 更改按钮上的颜色以确保您正确选择它。

根据您的选择器，我会尝试

$('input.abcd').prop('disabled', true);

Answer 3

可以使用.first()来选择第一个元素

 jQuery('.db_single_lesson .ld-breadcrumbs input[type=submit]').first().removeAttr('disabled');

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <div class="db_single_lesson"> <div class="ld-breadcrumbs"> <input type="submit" value="Mark Complete" class="abcd" disabled="disabled"> </div> <div class="ld-breadcrumbs"> <input type="submit" value="Mark Complete" class="abcd" disabled="disabled"> </div> </div>

Answer 4

尝试打电话

$('.db_single_lesson .ld-breadcrumbs:first input[type=submit]').prop('disabled', '');

这应该从您的元素中删除禁用的标签。

这假设.db_single_lesson .ld-breadcrumbs:first input[type=submit]是您所需元素的正确选择器。 从您的问题中不清楚这对您的按钮是否正确。

从你的问题来看，只有这条线看起来像这样

$('input[type=submit]').prop('disabled', '');

Answer 5

选择器没有问题。 我得到了选择器的length=1 。 问题是其他一些脚本覆盖了我的 jquery 脚本，因此它不起作用。 所以我将我的脚本包含在setTimeout函数中，并delay获得所需的结果。

setTimeout(function(){
        jQuery('.db_single_lesson .ld-breadcrumbs:first input[type=submit]').removeAttr('disabled');
    }, 500);

谢谢