バニラ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のdatetimepickerでスクロール入力を無効化させる方法
日時ピッカーのjQuery datetimepickerにて、ピッカーを指定して ...
-
-
Lightbox.jsでCSP(コンテンツセキュリティポリシー)エラーが発生した際の対応方法
CSP(コンテンツセキュリティポリシー)設定を行っているサーバーでLightbo ...
-
-
バニラJavaScriptでTOPへ戻る機能(ボタン)の作成方法
ページ内をある程度スクロールするとTOPへ戻るリンクを表示させたかった。ただ、複 ...
-
-
jQueryでAjax通信したデータをPHPで受け取り、zip化したファイルをダウンロードさせる方法
jQueryのAjaxで何らかのデータをPHP側に送信し、PHP側で当該データを ...
-
-
HTMLのカスタムデータ属性をjQueryで取得する際はキャッシュに注意する
ASPを使用したサイトでHTMLのカスタムデータ属性を取得し色々処理したかったん ...