使用jquery，什么是禁用和启用一段html输入控件的最简单方法

Question

我有一堆表单输入（textboxex，单选按钮，复选框等）

我希望启用和禁用表单的特定部分。

当我点击一个单选按钮（不是表单的一部分）来禁用表单特定部分中的所有输入时，我想要一个快速的方法。还可以选择不同的单选按钮（也不在相关表单上）来启用表单输入控件的相同部分。

一个技巧是我不能完全控制实际输入的id和类，所以我需要一些东西，我可以放置一个父div并让它找到该div中的所有项 < / p>

在jquery中有一种简单的方法可以启用或禁用一段输入控件。

Answer 1

使用:input selector抓取所有输入，textareas，选择和按钮，为jQuery()提供上下文，将其限制为父级内的输入，然后change the disabled attribute：

 $(':input', parent).attr('disabled', 'disabled');

删除已禁用的属性将重新启用：

 $(':input', parent).removeAttr('disabled');

Answer 2

您可以通过添加“禁用”属性来禁用div：

$('div.container').attr('disabled', 'disabled');

然后您可以通过删除属性重新启用它：

$('.someElement').removeAttr('disabled'); 

在您的情况下，将单击处理程序添加到您的单选按钮或其他控件，该控件使用上面的代码行来启用/禁用div元素（以及扩展名，其所有内容），如下所示（用于禁用） ：

$('#radio-button1').click(function() {
    $('div.container').attr('disabled', 'disabled');
});

Answer 3

。

$（ '＃your_div_name'）发现（ '输入'），禁止（）;

需要this plugin。

Answer 4

我能想到的第一种方法是在您想要操作的输入中插入/删除“禁用”一词。您可以使用appendTo（）或html（）函数选择与特定id / class name匹配的所有输入。