javascript实现信息的显示和隐藏如注册页面


Posted in Javascript onDecember 03, 2013

我们在写注册页面的时候,必填信息是可见的,可选信息是隐藏的,如果用户希望填写,可以单击“详细信息”。

<!-- 下面代码通过javascript实现信息的显示和隐藏 --> 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript"> 
function $(idvalue){ 
return document.getElementById(idvalue); 
} 
function showtext(){ 
if($('text').style.display == 'none'){ 
$('text').style.display = ''; 
}else{ 
$('text').style.display = 'none'; 
} 
} 
</script> 
</head> 
<body> 
<div id="text" style="display:none;">这里是隐藏信息</div> 
<button id="morebtn" onclick="showtext();">详细信息</button> 
</body> 
</html>
Javascript 相关文章推荐
修改js Calendar日历控件 兼容IE9/谷歌/火狐
Jan 04 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
Jan 28 Javascript
基于jQuery1.9版本如何判断浏览器版本类型
Jan 12 Javascript
js编写的treeview使用方法
Nov 11 Javascript
原生和jQuery的ajax用法详解
Jan 23 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
easyui关于validatebox实现多重规则验证的方法(必看)
Apr 12 Javascript
vue.js 中使用(...)运算符报错的解决方法
Aug 09 Javascript
Vue 理解之白话 getter/setter详解
Apr 16 Javascript
JS阻止事件冒泡的方法详解
Aug 26 Javascript
JavaScript中的各种宽高属性的实现
May 08 Javascript
VUE和Antv G6实现在线拓扑图编辑操作
Oct 28 Javascript
一个js控制的导航菜单实例代码
Dec 03 #Javascript
JS与C#编码解码
Dec 03 #Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 #Javascript
浅析JavaScript原型继承的陷阱
Dec 03 #Javascript
解析JavaScript中instanceof对于不同的构造器或许都返回true
Dec 03 #Javascript
探讨JavaScript中声明全局变量三种方式的异同
Dec 03 #Javascript
解析JavaScript中delete操作符不能删除的对象
Dec 03 #Javascript
You might like
php中的观察者模式
2010/03/24 PHP
Laravel 5框架学习之向视图传送数据
2015/04/08 PHP
ThinkPHP3.2.3实现分页的方法详解
2016/06/03 PHP
php 调用ffmpeg获取视频信息的简单实现
2017/04/03 PHP
Laravel5.5以下版本中如何自定义日志行为详解
2018/08/01 PHP
PHP的cookie与session原理及用法详解
2019/09/27 PHP
YUI 读码日记之 YAHOO.lang.is*
2008/03/22 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
2011/05/24 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
2013/01/04 Javascript
Node.js中对通用模块的封装方法
2014/06/06 Javascript
基于jQuery创建鼠标悬停效果的方法
2015/03/07 Javascript
理解javascript中的原型和原型链
2015/07/30 Javascript
浅析js绑定事件的常用方法
2016/05/15 Javascript
bootstrap modal弹出框的垂直居中
2016/12/14 Javascript
jQuery读取XML文件的方法示例
2017/02/03 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
详解Node中导入模块require和import的区别
2017/08/11 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
JavaScript 引用类型实例详解【数组、对象、严格模式等】
2020/05/13 Javascript
JS事件循环机制event loop宏任务微任务原理解析
2020/08/04 Javascript
从零学python系列之教你如何根据图片生成字符画
2014/05/23 Python
神经网络python源码分享
2017/12/15 Python
Python中sort和sorted函数代码解析
2018/01/25 Python
Python求解任意闭区间的所有素数
2018/06/10 Python
WxPython建立批量录入框窗口
2019/02/27 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
pandas分区间,算频率的实例
2019/07/04 Python
一文轻松掌握python语言命名规范规则
2020/06/18 Python
在django中查询获取数据,get, filter,all(),values()操作
2020/08/09 Python
python实现简单遗传算法
2020/09/18 Python
HTML5 Canvas绘制圆点虚线实例
2015/01/01 HTML / CSS
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
数据库笔试题
2013/05/09 面试题
生产车间实习自我鉴定
2013/09/23 职场文书
高二美术教学反思
2014/01/14 职场文书
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android