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

来源:互联网 发布:车铣复合编程 编辑:程序博客网 时间:2024/05/17 01:29
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>方法一: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>