通过JQuery更改密码框显示隐藏，赋值

通过JQuery更改密码框显示隐藏

记录一下，以便以后需要时能找到。

直接上代码吧

<div id="one">
			<div class="head_box">
			  <strong><img src="images/logo.png"></strong>
			  <strong><p>1、修改密码</p><span>—</span>2、网络配置<span>—</span>3、短信配置<span>—</span>4、节点导入<span>—</span>5、爱数接口配置</strong>
			  <!-- <em>Management System</em> -->
			</div>
			<dl class="step_box">
				<dd class="input-wrapper">
					<p><span>*</span>原密码</p>
					<input id="input_old_pw" type="password">
					<input id="input_old_text" type="text" style="display: none">
					<span class="input-trigger">
						<img src="images/icon_hide.png">
					</span>
				</dd>
				<dd class="input-wrapper">
					<p><span>*</span>新密码</p>
					<input id="input_new_pw" type="password">
					<input id="input_new_text" style="display: none" type="text">
					<span class="input-trigger">
						<img src="images/icon_hide.png">
					</span>
				</dd>
				<dd class="input-wrapper">
					<p><span>*</span>确认密码</p>
					<input id="input_confirm_pw" type="password">
					<input id="input_confirm_text" style="display: none" type="text">
					<span class="input-trigger">
						<img src="images/icon_hide.png">
					</span>
				</dd>
				<dd style="margin-top:25px;">
				    <input type="button" value="下一步" class="submit_btn" onclick="one()"/>
				</dd>
			</dl>
		</div>
		<script>
$(() => {
	//设置密码框和文本框内容一致
	$(".input-wrapper input").keyup(function(){
		//获取到自定义的id名，和是密码框还是文本框
		var type = this.id.split('_')[1];
		var pwOrText = this.id.split('_')[2];
		//根据不同的赋值
		if(pwOrText == "pw"){
			$("#input_"+type+"_text").val($(this).val());
		}else{
			$("#input_"+type+"_pw").val($(this).val());
		}
	});
	//根据小眼睛的样子展示出对应的输入框
	$(".input-trigger").click(function(){
		//获取到img元素
		var imgSrc = $(this).children("img").attr("src");
		//获取到它的同级元素
		var sibLings = $(this).siblings();
		//如果图片为show，则改为hide
		if(imgSrc == "images/icon_show.png"){
			$(sibLings[1]).show();
			$(sibLings[2]).hide();
			$(this).children("img").attr("src","images/icon_hide.png");
		}else{
			$(sibLings[1]).hide();
			$(sibLings[2]).show();
			$(this).children("img").attr("src","images/icon_show.png");
		}
	});
});
</script>