如何禁用所有<;输入>;在带有jQuery的表单中? ....

如何禁用所有<;输入>;在带有jQuery的表单中? ....,jquery,forms,Jquery,Forms,在旧版本中,您可以使用。从jQuery 1.6开始,您应该改为使用: 禁用“目标”中的所有表单元素。见: 匹配所有输入、文本区域、选择和按钮元素 $("#target input").prop("disabled", true); 如果只需要元素: $("#target :input").prop("disabled", true); 上面的例子在技术上是不正确的。根据最新的jQuery,使用prop()方法应该用于诸如disabled之类的事情 要禁用“目标”中的所有表单元素,请使用:输入

在旧版本中,您可以使用。从jQuery 1.6开始,您应该改为使用:

禁用“目标”中的所有表单元素。见:

匹配所有输入、文本区域、选择和按钮元素

$("#target input").prop("disabled", true);
如果只需要
元素:

$("#target :input").prop("disabled", true);

上面的例子在技术上是不正确的。根据最新的jQuery,使用
prop()
方法应该用于诸如disabled之类的事情

要禁用“目标”中的所有表单元素,请使用:输入选择器,该选择器匹配所有输入、文本区域、选择和按钮元素

$("#target input").prop("disabled", true);
如果只需要元素,请使用此选项

$("#target :input").prop("disabled", true);

更简洁的方法是使用选择器引擎。 因此,禁用div或表单父级中的所有表单元素

$("#target input").prop("disabled", true);

明确的答案(包括对jQuery api 1.6版的更改)是由

给出的,即禁用所有表单,非常简单:

jQuery 1.6+

$myForm.find(':input:not(:disabled)').prop('disabled',true)
jQuery 1.5及以下版本

$("#form :input").prop("disabled", true);
你可以加上

$("#form :input").attr('disabled','disabled');

通过这一行,您可以禁用表单中的任何输入字段

 $('.fieldset').prop('disabled', true);

您可以这样做:

$('form *').prop('disabled', true);
//HTML按钮
使残废
//Jquery函数
函数disableAll(){
//禁用所有未禁用的字段
$('form').find(':input:not(:disabled').prop('disabled',true);
//启用所有已禁用的字段
//$('form').find(':input(:disabled').prop('disabled',false);
}

从jQuery 1.6开始,您应该使用
$(“#target:input”).prop(“disabled”,true)
应该有人用更新的方法编辑答案——这在这一点上是不正确的信息。在submit()回调中,使用$(this),如何做到这一点?@OlivierPons
$(this)。最近('form')。find('input')。prop('disabled',true)。我不确定你是否能更好地整合它,我在jQuery还是很不爽。他要求“禁用表单中的所有输入”,而不仅仅是“禁用所有输入”。@Bengala当然,但你严厉地批评我是第一个指出API已经更改的人。在我发布这篇文章的时候,没有其他答案提到这一点。我理解,但我认为你应该包括一个正确的答案和相应的积分,链接只是显示如何禁用所有输入,我坚持,它根本不能回答问题。这不必要地为表单中的每个元素添加一个disabled属性。@OsvaldoMaria是的,这是因为星形(全部)选择器,您可以向所有要禁用的输入元素添加一个.custom类,然后将选择器更改为$('form.custom class').prop('disabled',true')。
$('form *').prop('disabled', true);
//HTML BUTTON
<button type="button" onclick="disableAll()">Disable</button>

//Jquery function
function disableAll() {
    //DISABLE ALL FIELDS THAT ARE NOT DISABLED
    $('form').find(':input:not(:disabled)').prop('disabled', true);

    //ENABLE ALL FIELDS THAT DISABLED
    //$('form').find(':input(:disabled)').prop('disabled', false);
}