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

最新推荐文章于 2023-03-04 10:49:05 发布

shoon0312

最新推荐文章于 2023-03-04 10:49:05 发布

阅读量1w

点赞数

分类专栏： .NET

.NET 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
方法一：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" οnclick="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" οnclick="l()" />
    </div>
</body>