显示和隐藏输入密码

<html>
    <head>
        <meta  charset="utf-8"/>
        <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>      
    </head>
    <body>
        <form name="formName">
            <input id="passwd" type="password" size="24" maxlength="17" style="ime-mode: disabled; display: inline;" />
            <input id="passwd2" type="text" size="24" maxlength="17" style="ime-mode: disabled; display: none;" />
            <input id="chk" type="checkbox" />显示密码
        </form>
        <script type="text/javascript">
            $(function() {
                $("#chk").click(function() {
                        if($(this).attr("checked")) {
                            $("#passwd2").val($("#passwd").val());
                            $("#passwd").hide();
                            $("#passwd2").show();
                        } else {
                            $("#passwd").val($("#passwd2").val());
                            $("#passwd2").hide();
                            $("#passwd").show();
                        }           
                 });
            });
        </script>
    </body>

</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容