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 サイトの他の関連記事を参照してください。