您的位置：首页 > Web前端 > JQuery

使用javascript和jquery两种方法，实现密码明文和密文的转换

2012-11-12 01:10 906 查看

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
方法一：js
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

<script>
functionmi()
{
vartemp=document.getElementById('pw').value;
if($1("Checkbox1").checked)
{$1('Text1').innerHTML='<inputtype=textid=pwname=pwstyle=width:100px>';
}
else
{
$1('Text1').innerHTML='<inputtype=passwordid=pwname=pwstyle=width:100px>';
}
$1('pw').value=temp;
}
</script>

<body>
<spanid="Text1"><inputid="pw"type="password"name="pw"style=width:100px/></span>
<inputid="Checkbox1"type="checkbox"onclick="mi()"/>
</body>

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

方法二：jq

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

<head>
<scriptsrc="js/jquery-1.8.2.js"type="text/javascript"></script>
<script>
functionl()
{
vartemp=$("#tb1").attr("value");
if($("#cb1").attr("checked"))
{
$("#sp1").html('<inputtype=textid=tb1style=width:100px/>');
}
else
{$("#sp1").html('<inputtype=passwordid=tb1style=width:100px/>');}
$("#tb1").attr("value",temp);}
</script>
</head>

<body>
<div>
<spanid="sp1">
<asp:TextBoxID="tb1"runat="server"TextMode="Password"></asp:TextBox>
</span>
<inputid="cb1"type="checkbox"onclick="l()"/>
</div>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航