使用javascript和jquery兩種方法,實現密碼明文和密文的轉換
阿新 • • 發佈:2018-12-22
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
方法一:js
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<script> function mi() { var temp=document.getElementById('pw').value; if($1("Checkbox1").checked) {$1('Text1').innerHTML='<input type=text id=pw name=pw style=width:100px>'; } else { $1('Text1').innerHTML='<input type=password id=pw name=pw style=width:100px>'; } $1('pw').value=temp; } </script> <body> <span id="Text1"> <input id="pw" type="password" name="pw" style=width:100px/></span> <input id="Checkbox1" type="checkbox" onclick="mi()" /> </body>
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
方法二:jq
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
<head>
<script src="js/jquery-1.8.2.js" type="text/javascript"></script>
<script>
function l()
{
var temp = $("#tb1").attr("value");
if ($("#cb1").attr("checked"))
{
$("#sp1").html('<input type=text id=tb1 style=width:100px />');
}
else
{$("#sp1").html('<input type=password id=tb1 style=width:100px/>');}
$("#tb1").attr("value", temp); }
</script>
</head>
<body>
<div>
<span id="sp1">
<asp:TextBox ID="tb1" runat="server" TextMode="Password" ></asp:TextBox>
</span>
<input id="cb1" type="checkbox" onclick="l()" />
</div>
</body>