jquery 密碼欄位是否顯示密碼

由於type屬性不能修改所以無法使用:

$('#ban').prop('type','text')

解決辦法:

1.先建立一個新的input 欄位加在原來input位置

2.把原來的值複製過去

3.把原來的input移除

範例:

javascript:

function showPassWord() {

if($('#checkPassWord').prop('checked')) {

$('<input type="text" id="ban"/>').val($('#ban').val()).insertAfter('#ban').prev().remove();

} else {

$('<input type="password" id="ban"/>').val($('#ban').val()).insertAfter('#ban').prev().remove();

}

}

html:

password:<input type="password" id="ban" />

<input type="checkbox" id="checkPassWord" onclick="showPassWord()">是否顯示密碼