jQuery が入力が無効かどうかを判断する方法-jsチュートリアル-php.cn

jQuery が入力が無効かどうかを判断する方法

coldplay.xixi

リリース： 2020-11-30 11:35:10

オリジナル

3039 人が閲覧しました

jQuery が入力が無効かどうかを判断する方法: 1. 関数 [is(":disabled")] を使用して判断します; 2. 関数 [prop("disabled")] を使用して判断します; 3. [attr("disabled")]判定機能を使用します。

jQuery が入力が無効かどうかを判断する方法

#このチュートリアルの動作環境: Windows10 システム、jquery2.2.4、この記事はすべてのブランドのコンピューターに適用されます。

おすすめ: "

jquery ビデオチュートリアル "

入力が無効かどうかを判断する JQuery メソッド:

入力が無効かどうかを判断する無効無効、使用可能なメソッドは次のとおりです:

# is(":disabled")

● prop("disabled")

● attr("disabled")

<script src="jquery.min.js"></script>
 <br/><input type="text" id="first" disabled>first
 <br/><input type="text" id="second" disabled <br/><input type="text" id="third">third
 <script>
     var v1, v2, v3;
     v1 = $("#first").is(":disabled");  // true / false
     v2 = $("#first").prop("disabled"); // true / false
     v3 = $("#first").attr("disabled"); // disabled / undefined
     console.log(v1);
     console.log(v2);
     console.log(v3);
     v1 = $("#second").is(":disabled");  // true / false
     v2 = $("#second").prop("disabled"); // true / false
     v3 = $("#second").attr("disabled"); // disabled / undefined
     console.log(v1);
     console.log(v2);
     console.log(v3);
     v1 = $("#third").is(":disabled");  // true / false
     v2 = $("#third").prop("disabled"); // true / false
     v3 = $("#third").attr("disabled"); // disabled / undefined
     console.log(v1);
     console.log(v2);
     console.log(v3);
 </script>

ログイン後にコピー

ページの結果:

jQuery が入力が無効かどうかを判断する方法

コンソール出力:

jQuery が入力が無効かどうかを判断する方法

プロパティを使用して無効化と無効化解除を設定します:

$("#first").prop("disabled",true);      //禁用
$("#first").prop("disabled",false);     //可编辑
$("#first").prop("disabled",“disabled”);//禁用
$("#first").prop("disabled",“”);        //可编辑

ログイン後にコピー

属性設定を使用して無効化または無効化解除します:

$("#first").attr("disabled",true);      //禁用
$("#first").attr("disabled",false);     //可编辑
$("#first").attr("disabled","disabled");//禁用
$("#first").attr("disabled","");        //禁用
$("#first").removeAttr("disabled");     //可编辑

ログイン後にコピー