バニラJavaScriptでinputタグのtypeをtext⇔passwordに変更する方法
2024/06/19
チェックボックスの状態によってinputタグのtypeをtext⇔passwordへ切り替えたかった。jQueryのattrでいけると思ったら無理だったのでメモ。
ソース
パスワード:<input type="text" id="pass"><br />
<input type="checkbox" value="1" onChange="document.getElementById('pass').type = (this.checked) ? 'text' : 'password';">パスワードを表示
その他
checkboxを変更(onChange)した時に、checkboxの値が1の(チェックされている)場合にid=passのtypeをtextへ変更。
jQueryだとできない？(参考サイト)
http://myjquery.blog.fc2.com/blog-entry-14.html#modified-11
1.9からはブラウザによって出来るかもとのこと。
JSだったらwin7のIE9/FireFox25.0.1/Chrome 31.0.1650.63/
iphone5で動作確認できた。
関連記事
-
-
画像の登録フォームにてjQueryプラグイン(piCEdit)を用いてWebカメラの映像を撮影させる方法
form内の画像アップロード部分にて、通常であれば画像ファイルを参照させたものを ...
-
-
JavaScriptのリッチなalert / confirmぽいウィンドウを表示する「sweetalert2」の利用方法
JavaScriptのalert / confirmはブラウザによって表示位置や ...
-
-
JavaScriptで配列やオブジェクトの中身をブラウザに表示する方法
JavaScriptで配列やオブジェクトの中身を確認したい場合、console. ...
-
-
ブラウザの広告ブロッカーを検知し、ブロックしている場合は何らかの処理を行う方法
普段何らかのサイトを見る際はAdBlock等の広告ブロッカー系プラグインを導入し ...
-
-
FileReader APIを用いて画像をアップロードせずにサムネイル表示
以前にFile APIを用いてファイル名やサイズ、形式(拡張子)を取得するメモを ...