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

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

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

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

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

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

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

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

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

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

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

# #

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