javascript - Jquery 中显示/隐藏文本框的问题?

标签 javascript jquery jquery-ui

我能够在按钮的单击事件上隐藏文本框,以及如何在单击同一按钮时显示文本框?这意味着如果文本框显示,如果我单击它应该隐藏的按钮,如果文本框隐藏,那么我单击它应该查看的按钮。 我怎样才能做到这一点?以下是我的代码,

<body>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
</script>
<script>
  $(document).ready(function(){      
    $("input#btn").click(function(){
      $("input#txt").hide();
    });
});
</script>
</head>
<body>
<input type=text id=txt></input>
<input type=button id=btn value="Click Me"></input>
</body>

有什么建议吗!!!

最佳答案

使用。 jQuery 的 .toggle()函数代替。将代码更改为:

$(document).ready(function(){      
    $("#btn").click(function () {
        $("#txt").toggle();
    });
});

<强> jsFiddle example

并且无需在 ID 前面放置任何选择器,因为 ID 是唯一的,因此额外的选择器是多余的。

关于javascript - Jquery 中显示/隐藏文本框的问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22938729/

相关文章:

javascript - 从 Javascript 中的回调函数返回

javascript - 如何使用 Node 将 3GP 文件转换为 MP3?

javascript - 使用 JavaScript 将数据写入 CSV 文件

javascript - 使用浏览器后退按钮时,请记住该部分的折叠/展开状态

php - Datepicker根据服务器日期/时间获取日期

Javascript:如何从 JavaScript 对象中获取数字?

Javascript 状态更改恢复

jquery - 点击后更改链接文本

javascript - jquery .addClass 到将来的js生成的html

JQuery 确认对话框