js显示和隐藏密码

js显示和隐藏密码

<div class="col-8">
	<span id="ori_pass_span">
		<input class="form-control" id="passwd" type="password" size="13" />
	</span>
	
	<input  class="btn btn-primary" type="button" id="showOriPasswd" value="显示" style="margin-top: 1%" 
		onclick="showAndHidePasswd('ori_pass_span', 'passwd', 'showOriPasswd')">
</div>

/* 显示或隐藏原密码 */
function showAndHidePasswd(pass_span, passId, buttonId) {
	var password = $("#" + passId).val();
	var status = $("#" + buttonId).val();
	
	if(status == '显示') {
		$("#" + pass_span).html('<input class=form-control id='+ passId +' type=text size=13 />');
		$("#" + buttonId).val('隐藏');
	}
	else if(status == '隐藏') {
		$("#" + pass_span).html('<input class=form-control id='+ passId +' type=password size=13 />');
		$("#" + buttonId).val('显示');
	}
	$("#" + passId).val(password);
}