blocks|key|1454487|text|上面的例子在技术上是不正确的。根据最新的jQuery，使用prop()方法应该用于禁用之类的东西。See+their+API+page.|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1454488|要禁用'target‘内的所有表单元素，请使用:input选择器，它匹配所有input、textarea、select和button元素。|1454489|$("#target+:input").prop("disabled",+true);|code-block|syntax|javascript|1454490|如果你只想要元素，使用这个。|1454491|$("#target+input").prop("disabled",+true);|1454492|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/prop/^0|T|6|1D|J|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|F|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|16|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|17|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|18|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

Above example is technically incorrect. Per latest jQuery, use the <code>prop()</code> method should be used for things like disabled. <a href="http://api.jquery.com/prop/">See their API page.</a>

To disable all form elements inside 'target', use the :input selector which matches all input, textarea, select and button elements.

<pre><code>$("#target :input").prop("disabled", true);
</code></pre>

If you only want the elements, use this.

<pre><code>$("#target input").prop("disabled", true);
</code></pre>

blocks|key|1239591|text|此外，更简洁的方法是使用它们的选择器引擎。所以要禁用div或表单父级中的所有表单元素。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1239592|$myForm.find(':input:not(:disabled)').prop('disabled',true)|code-block|syntax|javascript|1239593|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Also the more concise way is to use their selectors engine. 
So to disable all form elements in a div or form parent.

<pre><code>$myForm.find(':input:not(:disabled)').prop('disabled',true)
</code></pre>

blocks|key|1454587|text|Gnarf已经给出了明确的答案(包括1.6版jQuery应用编程接口的更改)|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1454588|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1414365/how-to-disable-enable-an-input-with-jquery?rq=1^0|0|5|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

The definitive answer (covering changes to jQuery api at version 1.6) has been given by <a href="https://stackoverflow.com/questions/1414365/how-to-disable-enable-an-input-with-jquery?rq=1">Gnarf</a>

blocks|key|1454593|text|您可以添加|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1454594|+<fieldset+class="fieldset">|code-block|syntax|javascript|1454595|然后你就可以打电话给|1454596|+$('.fieldset').prop('disabled',+true);|1454597|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

you can add

<pre><code> &lt;fieldset class="fieldset"&gt;
</code></pre>

and then you can call

<pre><code> $('.fieldset').prop('disabled', true);
</code></pre>

blocks|key|1239673|text|使用这一行，您可以禁用表单中的任何输入域|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1239674|$('form+*').prop('disabled',+true);|code-block|syntax|javascript|1239675|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

With this one line you can disable any input field in a form

<pre><code>$('form *').prop('disabled', true);
</code></pre>

blocks|key|1239691|text|你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1239692|//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);
}|code-block|syntax|javascript|1239693|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can do it like this:
<pre><code>//HTML BUTTON
&lt;button type=&quot;button&quot; onclick=&quot;disableAll()&quot;&gt;Disable&lt;/button&gt;

//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);
}
</code></pre>

<pre><code>&lt;form id="target"&gt;
....
&lt;/form&gt;
</code></pre>

问如何使用jQuery禁用表单中的所有<input >？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery禁用表单中的所有<input >？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery禁用表单中的所有<input >？
EN