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 相关文章推荐
一次失败的jQuery优化尝试小结
Feb 06 Javascript
jQuery ajax serialize()方法的使用以及常见问题解决
Jan 27 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
基于zepto.js简单实现上传图片
Jun 21 Javascript
微信小程序 定义全局数据、函数复用、模版等详细介绍
Oct 27 Javascript
详解堆的javascript实现方法
Nov 29 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
Jul 20 Javascript
基于 Bootstrap Datetimepicker 联动
Aug 03 Javascript
解决Vue调用springboot接口403跨域问题
Sep 02 Javascript
Vue filter 过滤当前时间 实现实时更新效果
Dec 20 Javascript
vue制作抓娃娃机的示例代码
Apr 17 Javascript
VueJS实现用户管理系统
May 29 Javascript
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
php 字符串函数收集
2010/03/29 PHP
sae使用smarty模板的方法
2013/12/17 PHP
Codeigniter框架的更新事务(transaction)BUG及解决方法
2014/07/25 PHP
php实现给一张图片加上水印效果
2016/01/02 PHP
让回调函数 showResponse 也带上参数的代码
2007/08/13 Javascript
两个DIV等高的JS的实现代码
2007/12/23 Javascript
20个非常有用的PHP类库 加速php开发
2010/01/15 Javascript
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
增强用户体验友好性之jquery easyui window 窗口关闭时的提示
2012/06/22 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
jQuery中before()方法用法实例
2014/12/25 Javascript
通过设置CSS中的position属性来固定层的位置
2015/12/14 Javascript
javascript每日必学之多态
2016/02/23 Javascript
详解angular中如何监控dom渲染完毕
2017/01/03 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
jQuery+ajax读取json数据并按照价格排序示例
2018/03/28 jQuery
纯JS实现出生日期[年月日]下拉菜单效果
2018/06/01 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
angularjs自定义过滤器demo示例
2019/08/24 Javascript
openlayers4实现点动态扩散
2020/08/17 Javascript
JQuery基于FormData异步提交数据文件
2020/09/01 jQuery
[02:32]DOTA2英雄基础教程 美杜莎
2014/01/07 DOTA
Python的Flask框架中实现登录用户的个人资料和头像的教程
2015/04/20 Python
详解Python编程中包的概念与管理
2015/10/16 Python
linecache模块加载和缓存文件内容详解
2018/01/11 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
CSS3实现图片抽屉式效果的示例代码
2019/11/06 HTML / CSS
AmazeUI 点击元素显示全屏的实现
2020/08/25 HTML / CSS
MAC彩妆英国官网:M·A·C UK
2018/05/30 全球购物
如果一个类实现了多个接口但是这些接口有相同的方法名将会怎样
2013/06/16 面试题
Linux内核的同步机制是什么?主要有哪几种内核锁
2013/01/03 面试题
职工运动会邀请函
2014/01/19 职场文书
2014年房产经纪人工作总结
2014/12/08 职场文书
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript