勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

JavaScriptでinputタグのtypeを変更

      2014/05/17

チェックボックスの状態によって
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で動作確認でけた。

 - JavaScript

  関連記事

setTimeoutの注意点

javascriptのsetTimeoutにて変数を用いた際に 想定外の挙動を起 ...

JavaScriptでURLのクエリを取得する

やりたかった事はJavaScriptでGETのクエリを取得。 ■ソース var ...

JavaScriptで連想配列を数値でソート

数字の大きい順でソートしたかったんだけど、 色々調べてhash.sort云々やっ ...

IE&javascriptの予約語

前にもひっかかった問題で、今日同じことで 時間をとられたのでメモ。 予約語? っ ...

formでdisplay:none;にしてても送信される

formで特定の部分をdisplay:none;で非表示にしてても 内容は送信さ ...

javascriptの注意点

javascriptにてチェックボックスのチェック状況をチェックを ループでまわ ...

GoogleMapAPIでヒートマップを表示する方法

GoogleMapAPIで花粉状況や雨量を可視化しやすいようなヒートマップ的なも ...

JavaScriptで小数の計算(decimal.js)

JavaScriptで小数の計算をすると値がずれることがあった。調べてみるとJa ...

GoogleMapでメインカラーを変更する方法

GoogleMapAPIを用いたMAPでカラー変更をしたかった。カラーコードの指 ...

javascriptでスクロール

やりたかった事は、 ・javascript,jQuery使う ・スクロールさせた ...