<input type="text" id="psw">
    <button id='btn'>按钮</button>
    <script>
        var obj = document.getElementById('btn');
        var psw = document.getElementById('psw');
        obj.onclick = function(){
          
            if(psw.getAttribute('type') == 'text'){
                psw.setAttribute('type','password')    
            }else{
                psw.setAttribute('type','text')    
            }
        
        }
    </script>

改变input的属性就ok了 $('input[type="text"]').attr('type', 'password');

 <p id="password-box">                 
     <em id="alt-btn"><a href="javascript:showps()"></a></em>
     <input type="password" name="newpassword" >
     <label></label>
 </p>

<script>
var nedpas=$("#password-box");
var alnate=$("#alt-btn");
function showps(){ 
        if (this.forms.newpassword.type="password") {
            $("#password-box").find("input").replaceWith("<input type=\"text\" name=\"newpassword\"  value="+this.forms.newpassword.value+">");
            alnate.html("<a href=\"javascript:hideps()\"></a>");
        }
    } 
 function hideps(){ 
    if (this.forms.newpassword.type="text") {
        $("#password-box").find("input").replaceWith("<input type=\"password\" name=\"newpassword\" value="+this.forms.newpassword.value+">");
        alnate.html("<a href=\"javascript:showps()\"></a>");
    } 
} 
</script>

Bootstrap主要的功能是ui樣式，設計的初衷也是為了讓不懂css的後端能快速搭建界面。
改變input的type已經涉及到dom層面，應該使用js去處理

$('#button').on('click', function(){
$(input[type=password]).attr('type', 'text');
});

点击事件时改变input标签的type属性

直接修改属性会存在兼容性问题，建议弄两个input进行切换显示

用js操作dom