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多行滚动/向左或向上滚动/响应鼠标实现思路及代码
Jan 23 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
Mar 12 Javascript
Javascript中判断对象是否为空
Jun 10 Javascript
javascript点击按钮实现隐藏显示切换效果
Feb 03 Javascript
jquery的checkbox,radio,select等方法小结
Aug 30 Javascript
利用vue.js插入dom节点的方法
Mar 15 Javascript
VUE2实现事件驱动弹窗示例
Oct 21 Javascript
vue组件watch属性实例讲解
Nov 07 Javascript
记一次vue去除#问题处理经过小结
Jan 24 Javascript
ES6的异步终极解决方案分享
Jul 11 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
PHPExcel读取Excel文件的实现代码
2011/12/06 PHP
PHP实现文件下载详解
2014/11/27 PHP
Symfony页面的基本创建实例详解
2015/01/26 PHP
redirect_uri参数错误的解决方法(必看)
2017/02/16 PHP
php实现单笔转账到支付宝功能
2018/10/09 PHP
菜单效果
2006/10/14 Javascript
初窥JQuery(一)jquery选择符 必备知识点
2010/11/25 Javascript
formValidator3.3的ajaxValidator一些异常分析
2011/07/12 Javascript
Window.Open如何在同一个标签页打开
2014/06/20 Javascript
javascript文本框内输入文字倒计数的方法
2015/02/24 Javascript
理解jquery事件冒泡
2016/01/03 Javascript
JavaScript数据类型转换的注意事项
2016/07/31 Javascript
JavaScript与java语言有什么不同
2016/09/22 Javascript
Bootstrap框架的学习教程详解(二)
2016/10/18 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
微信小程序实现缓存根据不同的id来进行设置和读取缓存
2017/06/12 Javascript
JS库之Three.js 简易入门教程(详解之一)
2017/09/13 Javascript
XMLHttpRequest对象_Ajax异步请求重点(推荐)
2017/09/28 Javascript
[14:36]2014 DOTA2国际邀请赛中国区预选赛5.21 Orenda VS NE
2014/05/22 DOTA
pytorch构建网络模型的4种方法
2018/04/13 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
英国复古服装和球衣购买网站:3Retro Football
2018/07/09 全球购物
美国羽绒床上用品第一品牌:Pacific Coast
2018/08/25 全球购物
教师应聘个人求职信
2013/12/10 职场文书
开工庆典邀请函范文
2014/01/16 职场文书
人力资源主管职责范本
2014/03/05 职场文书
企业挂职心得体会
2014/09/10 职场文书
银行开户授权委托书格式
2014/10/10 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
督导岗位职责范本
2015/04/10 职场文书
2015年度残疾人工作总结
2015/05/14 职场文书
就业指导讲座心得体会
2016/01/15 职场文书
Python打包exe时各种异常处理方案总结
2021/05/18 Python
Win11开始菜单添加休眠选项
2022/04/19 数码科技