js实现当复选框选择匿名登录时隐藏登录框效果


Posted in Javascript onAugust 14, 2015

本文实例讲述了js实现当复选框选择匿名登录时隐藏登录框效果。分享给大家供大家参考。具体如下:

本技巧是比较常见的,有些网站可以登录发帖或匿名发帖,当勾选复选框选择匿名发帖时,登录框自动隐藏了,是不是更人性化了?这其实是在表单元素上稍微加了一点JavaScript代码,具体实现方法请查看代码。

运行效果如下图所示:

js实现当复选框选择匿名登录时隐藏登录框效果

在线演示地址如下:

具体代码如下:

<title>当复选框选择匿名登录时隐藏登录框</title>
<style>.a #login,#uname{display:none;}.a #uname{display:inline;}</style>
<body>
<div>
<span id="login">帐号:<input type="text" /> 密码:<input type="text" /> <input type="submit" value="登录" /></span>
<span id="uname">网友姓名:<input type="text" /></span>
<input type="checkbox" id="check" onclick="this.parentNode.className=this.checked?'a':'';" />匿名</div>
</body>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript获取flash版本号的方法
Nov 20 Javascript
JavaScript数据结构与算法之栈详解
Mar 12 Javascript
javascript常用经典算法实例详解
Nov 25 Javascript
Javascript iframe交互并兼容各种浏览器的解决方法
Jul 12 Javascript
js简单获取表单中单选按钮值的方法
Aug 23 Javascript
jQuery实现页面顶部下拉广告
Dec 30 Javascript
H5图片压缩与上传实例
Apr 21 Javascript
ES6下React组件的写法示例代码
May 04 Javascript
深入理解React中何时使用箭头函数
Aug 23 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 Javascript
vue 使用vant插件做tabs切换和无限加载功能的实现
Nov 04 Javascript
JavaScript 防盗链的原理以及破解方法
Dec 29 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 #Javascript
关于JavaScript的变量的数据类型的判断方法
Aug 14 #Javascript
js实现表单检测及表单提示的方法
Aug 14 #Javascript
JavaScript中的this关键字使用详解
Aug 14 #Javascript
JS实现双击编辑可修改状态的方法
Aug 14 #Javascript
JavaScript变量的作用域全解析
Aug 14 #Javascript
DEDECMS如何为文章添加HOT NEW标志图片
Aug 14 #Javascript
You might like
PHP字符转义相关函数小结(php下的转义字符串)
2007/04/12 PHP
如何在Ubuntu下启动Apache的Rewrite功能
2013/07/05 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
PHP实现简单注册登录系统
2020/12/28 PHP
代码精简的可以实现元素圆角的js函数
2007/07/21 Javascript
jQuery UI 应用不同Theme的办法
2010/09/12 Javascript
关于JavaScript中var声明变量作用域的推断
2010/12/16 Javascript
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
javascript 获取网页标题代码实例
2014/01/22 Javascript
javascript每日必学之条件分支
2016/02/17 Javascript
JavaScript瀑布流布局实现代码
2017/05/06 Javascript
JS验证全角与半角及相互转化的介绍
2017/05/18 Javascript
vue.js学习笔记之v-bind和v-on解析
2018/05/03 Javascript
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
element-ui 关于获取select 的label值方法
2018/08/24 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
Node.js 的 GC 机制详解
2019/06/03 Javascript
如何阻止小程序遮罩层下方图层滚动
2019/09/05 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
JS sort排序详细使用方法示例解析
2020/09/27 Javascript
python list语法学习(带例子)
2013/11/01 Python
Python实现从URL地址提取文件名的方法
2015/05/15 Python
在Django中URL正则表达式匹配的方法
2018/12/20 Python
python itchat给指定联系人发消息的方法
2019/06/11 Python
Python3 列表,数组,矩阵的相互转换的方法示例
2019/08/05 Python
使用Python下载抖音各大V视频的思路详解
2021/02/06 Python
python 如何读、写、解析CSV文件
2021/03/03 Python
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
优秀导游先进事迹材料
2014/01/25 职场文书
流动人口婚育证明范本
2014/09/26 职场文书
2016年大学生实习单位评语
2015/12/01 职场文书
导游词之台湾安平古堡
2019/12/25 职场文书
Java内存模型之happens-before概念详解
2021/06/13 Java/Android
如何利用React实现图片识别App
2022/02/18 Javascript
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android
LyScript实现绕过反调试保护的示例详解
2022/08/14 Python