入力[無効= true]とjQuery

Question

input[disabled=true]をjQueryでどのように動作させることができますか？

http://jsfiddle.net/Bps9U/

Answer 1

disabledは、boolean attributeであり、設定されていない状態は2つだけです。

次は全て等しい：

<input disabled="true"> 
<input disabled="disabled" /> 
<input disabled> 
<input disabled=""> 

あなたは$("input[disabled]")とすべてのバリアントを一致させることができます。

jQueryを使用すると、$(...).prop('disabled')の要素の状態を取得できます。これはブール値を返します。

Answer 2

1）.attr代わりに.prop。 The docs
2）

An example

編集としてコス点アウトコメントに（代わりに）trueの属性値としてdisabled文字列を使用することは、propはjQueryの1.6以降で有効な機能です。

Answer 3

これはあなたの元のコードです：

まず、あなたが使用する必要がありますjQueryの機能は.attr()、ない.prop()次のとおりです。

$('<input class="inp" type="text" value="jquery" />').prop('disabled', true).appendTo('body'); 

このコードでは2つのバグがあります。

第2に、trueを文字列として設定する必要があります。これは、今のところ、使用する"true"と同じではないJavascriptブール値に設定しているためです。

しかし、disabled属性の正しい値は、disabled="disabled"ではなく、disabled"true"です。どちらもすべてのブラウザで動作しますが、前者は正しい値であるため、使用する必要があります。すべてのことを考えると

は、我々はこのように見えるようにコードを更新することができます。

$('<input class="inp" type="text" value="jquery" />').attr('disabled', 'disabled').appendTo('body'); 

...とdisabled="disabled"とinput.inp[disabled=disabled]を使用するようにHTMLとCSSを変更します。

（ちなみに、CSSもちょうどinput.inp[disabled]のように書くことができ、属性の任意の値のために働くことになる）

希望に役立ちます。