ホームページ  >  記事  >  jqueryで入力のtype属性を変更する方法

jqueryで入力のtype属性を変更する方法

尊渡假赌尊渡假赌尊渡假赌
尊渡假赌尊渡假赌尊渡假赌オリジナル
2023-05-30 10:57:532933ブラウズ

input の type 属性を変更する Jquery メソッド: 1. html ファイルを作成し、jQuery ファイルを導入します; 2. P タグ内に input タグを含む入力ボックスを作成し、value のデフォルト値を設定しますto abcdefg, input タグ ID は tuiput; 3. button タグでボタンを作成し、onclick イベントをバインドします; 4. 「$('#tuinput').attr('type','password');」を使用します。構文。

jqueryで入力のtype属性を変更する方法

このチュートリアルのオペレーティング システム: Windows 10 システム、jQuery3.6.0 バージョン、Dell G3 コンピューター。

jquery は、「attr()」メソッドを通じて入力の type 属性を変更します:

1. 新しい HTML ファイルを作成し、test.html という名前を付け、次のように記述します。これを head jQuery ファイルに記述します

jqueryで入力のtype属性を変更する方法

2. HTML ファイルの p タグ内で、input タグを使用して入力ボックスを作成し、そのデフォルト値を abcdefg に設定します

jqueryで入力のtype属性を変更する方法

3. test.html ファイルで、input タグの id 属性値を tuinput に設定します。これは主に、以下の ID を通じて入力オブジェクトを取得するために使用されます

jqueryで入力のtype属性を変更する方法

4. test.html ファイルで、button タグを使用して、「入力の type 属性を変更する」というボタン名を持つボタンを作成します。

jqueryで入力のtype属性を変更する方法

5. テスト中。HTML ファイルで、onclick クリック イベントをボタン ボタンにバインドします。ボタンがクリックされると、editype() 関数が実行されます。

jqueryで入力のtype属性を変更する方法

#6. js タグで editype() 関数を作成し、関数内で id (tuinput) を介して入力オブジェクトを取得し、attr() メソッドを使用して type 属性値をpasswordに変更します

jqueryで入力のtype属性を変更する方法

7. ブラウザで HTML ファイルを開き、ボタンをクリックして効果を確認します

jqueryで入力のtype属性を変更する方法

jqueryで入力のtype属性を変更する方法

# #

以上がjqueryで入力のtype属性を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。