编程 Javascript

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 相关文章推荐

javascript得到XML某节点的子节点个数的脚本

Oct 11 Javascript

js如何获取兄弟、父类等节点

Jan 06 Javascript

微信小程序网络API Websocket详解

Nov 09 Javascript

jQuery控制控件文本的长度的操作方法

Dec 05 Javascript

Bootstrap 模态框实例插件案例分析

Dec 28 Javascript

Angular2 路由问题修复详解

Mar 01 Javascript

vue.js中mint-ui框架的使用方法

May 12 Javascript

微信小程序js文件改变参数并在视图上及时更新【推荐】

Jun 11 Javascript

vue项目中将element-ui table表格写成组件的实现代码

Jun 12 Javascript

Vue2.0实现简单分页及跳转效果

Jul 29 Javascript

浅析微信小程序modal弹窗关闭默认会执行cancel问题

Oct 14 Javascript

基于ajax及jQuery实现局部刷新过程解析

Sep 12 jQuery

一个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