ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryフィールドが読み取られているかどうかを確認します

jQueryフィールドが読み取られているかどうかを確認します

尊渡假赌尊渡假赌尊渡假赌
リリース: 2025-02-28 08:37:17
オリジナル
811 人が閲覧しました

jQuery check if field is read only

jQueryフィールドが読み取られているかどうかを確認します

jQueryコードスニペットでフィールドが読み取られているかどうかを確認します。
<span>//if field is not read only
</span><span>if($(this).attr('disabled'))
</span><span>{
</span>  <span>...
</span><span>}</span>
ログイン後にコピー

jQueryチェックフィールドに関するよくある質問(FAQ)読み取り

jQueryを使用してフィールドが読み取り専用であるかどうかを確認するにはどうすればよいですか?

jQueryでフィールドが読み取り専用かどうかを確認するには、.attr()メソッドを使用できます。このメソッドは、設定されていない属性に対して未定義の返されます。入力フィールドが読み取り専用かどうかを確認するには、次のコードを使用できます:

if($( '#myinput')。attr( 'readonly')確認したい。フィールドが読み取り専用である場合、.attr()メソッドは「readonly」を返します。そうしないと、未定義です。未定義のプロパティの値に対して未定義に戻ります。 .attr()メソッドは、一致したセットの最初の要素のみの属性値を取得します。設定されていない属性に対して未定義に戻ります。
$( '#myInput')。 jquery。 .prop()メソッドを使用して現在の状態を取得し、反対側の状態を設定できます。例は次のとおりです。

$( '#myInput')。prop( 'readonly'、!$( '#myinput')。prop( 'readonly'));
フィールドはjQueryを使用せずに読み取り専用です。プレーンジャバスリクトを使用できます。例は次のとおりです。if(document.getElementById( 'myInput')。readonly){

//入力フィールドは読み取りのみです

} else {

//入力フィールドは読み取りのみではありません

}
このコードでは、「myinput」

jQueryを使用してフィールドから読み取り専用属性を削除するにはどうすればよいですか?

jQueryを使用してフィールドから読み取り専用属性を削除するには、.removeattr()メソッドを使用できます。例は次のとおりです。

$( '#myInput')。RemoveAttr( 'readonly');
ページの読み込みのみを読み取ります。 .ready()メソッドを使用して、ドキュメントの準備ができたらすぐにコードを実行できます(ページの読み込みが終了したとき)。例は次のとおりです。

$(document).ready(function(){

if($( '#myInput')。prop( 'readonly')){

//入力フィールドは読み取りだけです
}
$( '#myform')。submit(function(){
if($( '#myinput')。prop( 'readonly')){
//入力フィールドは読み取りのみです
} 「#myform」はフォームのIDであり、「#MyInput」はチェックする入力フィールドのIDです。

jQueryを使用して、フィールド値が変更されたときにフィールドが読み取り専用かどうかを確認できますか? .change()メソッドを使用して、フィールドの変更イベントに関数を添付できます。例は次のとおりです。

$( '#myInput')確認する入力フィールドのID。 .click()メソッドを使用して、フィールドのクリックイベントに関数を添付できます。例は次のとおりです。

$( '#myInput')。確認する入力フィールドのID。

以上がjQueryフィールドが読み取られているかどうかを確認しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート