wang00ka 2018-10-09 05:38 采纳率: 75%
浏览 1894
已采纳

输入框的隐藏和显示怎么实现？

当启用栏为开启时，地址那个输入框显示，为关闭时，下面的输入框隐藏，请问怎么做?图片说明

  • 写回答

3条回答 默认 最新

  • 斯洛文尼亚旅游 2018-10-09 06:16
    关注
     <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.0/angular.min.js"></script>
<body ng-app="myApp">
    <div ng-controller="myCtrl">
        <select ng-model="yesno" ng-change="myFunc()"><option value="开启" >开启</option><option value="关闭">关闭</option></select>
        <div ng-show="show">地址：<input type="text" /></div>
    </div>
    <script>
        angular.module('myApp', [])
        .controller('myCtrl', ['$scope', function ($scope) {
            $scope.yesno = '开启';
            $scope.show = $scope.yesno == '开启';
            $scope.myFunc = function () { $scope.show = $scope.yesno == '开启'; };
        }]);
    </script>
</body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 原生js实现密码输入框值的显示隐藏
    2020-10-19 12:47
    原生JavaScript实现密码输入框值的显示与隐藏是前端开发中常见的一个功能，用于提升用户体验，使用户能够清晰地看到自己输入的密码。这一功能的实现涉及到HTML表单元素的基本操作，JavaScript的事件监听与DOM操作，...
  • layui radio点击事件实现input显示和隐藏的例子
    2020-10-16 12:06
    在这段JavaScript代码中，我们使用了jQuery的选择器和方法来获取当前选中的radio按钮的值，并根据值的不同来控制试用次数输入框的显示或隐藏。具体来说，当用户选中值为“购买”的radio按钮时，通过jQuery的hide方法...
  • 密码显示与隐藏实现[项目源码]
    2025-11-15 08:33
    密码显示与隐藏功能的实现对于前端开发人员来说是一个基础且重要的技能点，它涉及到用户交互、数据安全和页面响应式设计等多个方面。一个设计良好的密码显示与隐藏功能，可以极大地提升网站的安全性和用户的信任度。...
  • 输入框内容显示与隐藏
    2016-05-17 12:03
    下面我们将详细讨论如何实现输入框内容的显示与隐藏，以及相关的技术要点。 1. HTML中的密码输入框： 在HTML中，我们可以使用`<input>`标签的`type`属性来定义输入框的类型。对于隐藏内容，可以设置`type="password...
  • 控制input输入框中提示信息的显示和隐藏的方法
    2020-09-04 16:00
    本文将详细讲解如何控制input输入框中提示信息的显示与隐藏，以及实现这一功能的关键步骤和注意事项。 首先，我们需要明确目标：当input输入框获取焦点（即用户点击输入框，光标出现）时，隐藏提示信息；当输入框...
  • jQuery输入框密码的显示隐藏【代码分享】
    2020-10-19 22:39
    jQuery是一种快速、小巧且功能丰富的JavaScript库，它通过一个统一的API来简化HTML文档...以上就是使用jQuery实现输入框密码显示隐藏功能的基本知识点和操作方法。希望这篇文章能帮助到需要实现该功能的前端开发者。
  • 输入框的隐藏和显示
    2016-12-31 11:44
    总的来说，实现输入框的隐藏和显示是前端开发中的基础操作，它利用了HTML、CSS和JavaScript的组合，使得用户界面更加灵活和互动。无论是在简单的网页还是复杂的Web应用中，这一功能都有广泛的应用。理解并掌握这些...
  • jQuery输入框密码显示隐藏代码.zip
    2022-11-22 17:15
    总结来说，这个"jQuery输入框密码显示隐藏代码.zip"的资源提供了在前端应用中使用jQuery实现输入框密码显示与隐藏的示例。通过结合HTML5的`<input type="password">`，CSS样式以及jQuery的事件处理，我们可以创建一...
  • antd实现点击按钮隐藏输入框_react控制文本内容的显示隐藏？
    2021-02-27 09:02
    weixin_39756192的博客 烙印99不建议使用style进行样式的控制，可以定义.topic-intro-extended来修改max-height为auto, .fold也是同理var Component = React.createClass({ getInitialState:function(){ return { topicExtended:false } },...
  • 输入框密码显示隐藏代码
    2016-06-14 15:39
    5. **响应式设计**：对于移动设备，可能需要调整显示/隐藏按钮的位置和大小，以适应不同的屏幕尺寸。这可以通过媒体查询（Media Queries）和响应式布局技术实现。 6. **现代浏览器兼容性**：虽然大部分现代浏览器都...
  • 没有解决我的问题, 去提问