jQuery获取注册信息并提示实现代码


Posted in Javascript onApril 21, 2013
<script type="text/javascript"> 
$(function () { 
$("#btnSubmit").click(function () { 
var txtName = $('#txtName').val(); 
var gender = $('#gender').is(':checked') ? '男' : '女'; 
var isMarry = $('#isMarry').is(':checked') ? '已婚' : '未婚'; 
$('#divTip').css('display', 'block').html(txtName + '<br/>' + gender + '<br/>' + isMarry); 
}) 
}) 
</script>

<div class="divFrame"> 
<div class="divTitle">请输入如下信息</div> 
<div class="divContent"> 
姓名:<input id="txtName" type="text" class="txtcss"/><br /> 
性别:<input id="gender" name="raGender" type="radio" value="男" />男 
<input id="Radio1" name="raGender" type="radio" value="女" />女<br /> 
婚否:<input id="isMarry" type="checkbox" /><br /> 
<div class="divBtn"><input id="btnSubmit" type="button" value="提交" class="btnCss" /></div> 
</div> 
</div> 
<div id="divTip" class="divTip"></div>
Javascript 相关文章推荐
JavaScript获取表格(table)当前行的值、删除行、增加行
Jul 03 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
Jan 26 Javascript
基于jQuery实现二级下拉菜单效果
Feb 01 Javascript
无缝滚动的简单实现代码(推荐)
Jun 07 Javascript
浅谈Javascript中的函数、this以及原型
Oct 09 Javascript
jQuery实现可拖拽3D万花筒旋转特效
Jan 03 Javascript
JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
Apr 24 Javascript
Vue中定义全局变量与常量的各种方式详解
Aug 23 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
解决vue多个路由共用一个页面的问题
Mar 12 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
Nov 01 Javascript
vue浏览器返回监听的具体步骤
Feb 03 Vue.js
jQuery隔行变色与普通JS写法的对比
Apr 21 #Javascript
jQuery模拟超链接点击效果代码
Apr 21 #Javascript
jquery 元素控制(追加元素/追加内容)介绍及应用
Apr 21 #Javascript
jquery 动态创建元素的方式介绍及应用
Apr 21 #Javascript
jQuery弹出(alert)select选择的值
Apr 21 #Javascript
jQuery登陆判断简单实现代码
Apr 21 #Javascript
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
Apr 21 #Javascript
You might like
星际争霸中的对战模式介绍
2020/03/04 星际争霸
eAccelerator的安装与使用详解
2013/06/13 PHP
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
iphone safari不支持position fixed的解决方法
2012/05/04 Javascript
JavaScript 异常处理 详解
2015/02/06 Javascript
javascript基本数据类型和转换
2017/03/17 Javascript
jQuery选择器之子元素过滤选择器
2017/09/28 jQuery
Vue表单类的父子组件数据传递示例
2018/05/03 Javascript
使用Angular-CLI构建NPM包的方法
2018/09/07 Javascript
区别JavaScript函数声明与变量声明
2018/09/12 Javascript
浅谈vue限制文本框输入数字的正确姿势
2019/09/02 Javascript
es6数组的flat(),flatMap()函数用法实例分析
2020/04/18 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
WebPack工具运行原理及入门教程
2020/12/02 Javascript
vue使用exif获取图片经纬度的示例代码
2020/12/11 Vue.js
[01:34]DAC2018主赛事第四日五佳镜头 Gh巨牙海民助Miracle-死里逃生
2018/04/07 DOTA
在Python中使用PIL模块对图片进行高斯模糊处理的教程
2015/05/05 Python
使用Python内置的模块与函数进行不同进制的数的转换
2016/03/12 Python
详解python基础之while循环及if判断
2017/08/24 Python
python中urlparse模块介绍与使用示例
2017/11/19 Python
python 搜索大文件的实例代码
2019/07/08 Python
python连接、操作mongodb数据库的方法实例详解
2019/09/11 Python
解决django后台管理界面添加中文内容乱码问题
2019/11/15 Python
创建Shapefile文件并写入数据的例子
2019/11/26 Python
Python如何解除一个装饰器
2020/08/07 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
轻松掌握CSS3中的字体大小单位rem的使用方法
2016/05/24 HTML / CSS
HTML5制作酷炫音频播放器插件图文教程
2014/12/30 HTML / CSS
C#软件工程师英语面试题
2015/06/07 面试题
服装设计行业个人的自我评价
2013/12/20 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
有趣的广告词
2014/03/18 职场文书
房屋过户委托书范本
2014/10/07 职场文书
户外拓展训练感想
2015/08/07 职场文书
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技
Win10服务主机占用内存怎么办?Win10服务主机进程占用大量内存解决方法
2022/09/23 数码科技