问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

jQuery 显示密码

社区维基
1
新手上路，请多包涵

如果用户单击该复选框，我试图在何处显示输入框中的密码作为文本。如果他/她取消选中，它会将属性设置为密码。任何指针？

代码：

  <!DOCTYPE html>
<html>
<head>
    <script type='text/javascript' src='jquery-3.1.1.min.js'></script>
    <script type='text/javascript' src='jquery-ui/jquery-ui.js'></script>

    <script type='text/javascript'>
        $(document).ready(function(){
            $('#check').click(function(){
                if($('test-input').attr('type', 'text'));
            });
        });
    </script>
</head>

<body>
    <input type='password' id='test-input' /> Show password <input type='checkbox' id='check' />
</body>
</html>

原文由 BoeNoe 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译jqueryhtml
阅读 278
2 个回答
得票最新
社区维基
1
✓ 已被采纳

您在选择器中的测试输入之前缺少 # 并且每次单击它时都需要检查复选框的状态

<script type='text/javascript'>
        $(document).ready(function(){
            $('#check').click(function(){
             alert($(this).is(':checked'));
                $(this).is(':checked') ? $('#test-input').attr('type', 'text') : $('#test-input').attr('type', 'password');
            });
        });
    </script>

原文由 jacobdo 发布，翻译遵循 CC BY-SA 3.0 许可协议

社区维基
1

做这个 ：

 $('#check').click(function(){
    if('password' == $('#test-input').attr('type')){
         $('#test-input').prop('type', 'text');
    }else{
         $('#test-input').prop('type', 'password');
    }
});

原文由 jean-max 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏