input隐藏变显示

原创 2018年02月27日 14:57:12
<input type="text" style="display:none" name="t1" id="t1" value="请输入数字">
<input type="button" value="按钮">

这样是隐藏了

$("button").click(function(){
    	$("#t1").css({'display':'block'});
    })

这样就显示了

需要动态改变文本框的css样式,display属性值为block则显示,为none则隐藏。

或者

<input type="text" name="name3" id="money1" />

<script>
$(function(){
$("#money1").hide();//隐藏
$("#money1").show();//显示
});
</script>

toggle() 方法在被选元素上进行 hide() 和 show() 之间的切换。

该方法检查被选元素的可见状态。如果一个元素是隐藏的,则运行 show(),如果一个元素是可见的,则运行 hide() - 这会造成一种切换的效果。

隐藏的元素不会被完全显示(不再影响页面的布局)。

<input type="text" name="t1" id="t1" value="请输入数字">
<input id="t2" type="button" value="按钮">
<script>
$(document).ready(function(){
  $("#t2").click(function(){
    $("#t1").toggle();
  });
});
</script>

语法:

$(selector).toggle(speed,easing,callback)
参数 描述
speed 可选。规定隐藏/显示效果的速度。

可能的值:

  • 毫秒
  • "slow"
  • "fast"
easing 可选。规定在动画的不同点上元素的速度。默认值为 "swing"。

可能的值:

  • "swing" - 在开头/结尾移动慢,在中间移动快
  • "linear" - 匀速移动
提示:扩展插件中提供更多可用的 easing 函数。
callback 可选。toggle() 方法执行完之后,要执行的函数。


callback例子隐藏效果完全实现后回调函数:

$("button").click(function(){
  $("p").hide("slow",function(){
    alert("The paragraph is now hidden");
  });
});


版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_30938705/article/details/79388266

设置input隐藏并用js控制显示和隐藏

$("pro").show();
  • u011769706
  • u011769706
  • 2014-10-29 17:48:03
  • 15689

jsp input框的显示和隐藏

document.getElementById(id).style.display="none";为隐藏 document.getElementById(id).style.display="bl...
  • keep12moving
  • keep12moving
  • 2017-11-08 15:23:07
  • 1310

js 特效 html 特效 input框的隐藏显示

  • 2011年06月13日 12:30
  • 7KB
  • 下载

js、input隐藏域实现 Action 拿到js 中值

一、用以下方式将 lx 的值传到Action,然后 request.getParameter("lx") 拿到 lx 值 js中 window.location.href="getAllListB...
  • mikyz
  • mikyz
  • 2017-04-06 17:04:32
  • 751

JS中input表单隐藏域及其使用方法

表单隐藏域是指在表单form内声明一个type类型为hidden的input标签,用来传递数据(可以在页面内先用JQuery获取要传递的值存入这个input标签的value中)和做一些其它的功能。它的...
  • actorgo
  • actorgo
  • 2017-08-29 17:04:40
  • 503

HTML隐藏文本框的四种方式

1、对所有的文本框都起作用(隐藏域,多用于存数据)   2、对象隐藏后,对象不占任何空间   3、对象隐藏后,还有占有相应的空间大小   4、...
  • leng0920
  • leng0920
  • 2017-08-19 15:40:24
  • 3767

提交表单不提交隐藏div的input

今天做一个功能 想在下拉列表中根据下拉的选项隐藏对应的div有个平台选择的下拉列表,我想在选择pc的时候出现水平以下的内容并且提交水平线以下的input 下拉列表选择app的时候会隐藏水平线以下的in...
  • zero_295813128
  • zero_295813128
  • 2016-09-12 13:48:03
  • 7950

控制input输入框中提示信息的显示和隐藏的方法

在运用html+css+javascrpt进行页面制作时,我们往往会遇到一些影响用户体验,而又容易被我们忽视的小细节。比如,input输入框中的提示信息,怎样才能根据对象获得和失去焦点而实现其显示和隐...
  • u012151556
  • u012151556
  • 2015-12-11 15:07:18
  • 3619

HTML5表单中password输入框的文字显示与隐藏实现

HTML5表单中对于密码输入框password类型可以隐藏用户输入的内容,但有时候会用到允许用户自由显示或者隐藏输入框内容: 要实现这个功能首先想到的是用js动态改变input的type类型,...
  • cordova
  • cordova
  • 2016-03-11 09:47:26
  • 38290

如何实现隐藏input的光标

在开发的过程中会遇到各种各样的奇葩需求,比如输入框输入的时候不要显示光标。不得不说这个需求的应用场景太少了,但是既然提出来了就得找方法去解决,在多番尝试之后最终发现,像网上说的什么设置input re...
  • u010730897
  • u010730897
  • 2017-05-25 08:50:56
  • 9589
收藏助手
不良信息举报
您举报文章:input隐藏变显示
举报原因:
原因补充:

(最多只允许输入30个字)