JavaScriptでinputタグのtypeを変更

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