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 ajax 局部刷新小案例
Feb 08 Javascript
jquery.post用法之type设置问题
Feb 24 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
Feb 09 Javascript
JavaScript评论点赞功能的实现方法
Mar 13 Javascript
原生js编写2048小游戏
Mar 17 Javascript
聊聊JavaScript如何实现继承及特点
Apr 07 Javascript
微信小程序中的swiper组件详解
Apr 14 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
Vue中的基础过渡动画及实现原理解析
Dec 04 Javascript
浏览器事件循环与vue nextTicket的实现
Apr 16 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
Jul 16 jQuery
js模拟实现百度搜索
Jun 28 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
yii添删改查实例
2015/11/16 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
JavaScript 编写匿名函数的几种方法
2010/02/21 Javascript
探索Emberjs制作一个简单的Todo应用
2012/11/07 Javascript
解析ScrollPic在ie8下只滚动一遍,然后变为空白 ie6,ie7,chrome,firefox正常
2013/06/26 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
jquery自定义类似$.ajax()的方法实现代码
2013/08/13 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
2017/02/10 Javascript
webpack踩坑之路图片的路径与打包
2017/09/05 Javascript
[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG
2018/03/31 DOTA
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
[43:53]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.22
2019/09/05 DOTA
Python中使用partial改变方法默认参数实例
2015/04/28 Python
Python使用MONGODB入门实例
2015/05/11 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
python 实现提取某个索引中某个时间段的数据方法
2019/02/01 Python
python数据挖掘需要学的内容
2019/06/23 Python
python实现集中式的病毒扫描功能详解
2019/07/09 Python
matplotlib命令与格式之tick坐标轴日期格式(设置日期主副刻度)
2019/08/06 Python
如何用Python来理一理红楼梦里的那些关系
2019/08/14 Python
Python Web框架之Django框架cookie和session用法分析
2019/08/16 Python
python实现简单图书管理系统
2019/11/22 Python
PyCharm 2020.2下配置Anaconda环境的方法步骤
2020/09/23 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
英国名牌服装购物网站:OD’s Designer
2019/09/02 全球购物
会计岗位职责
2013/11/08 职场文书
门面房租房协议书
2014/08/20 职场文书
考试作弊检讨书怎么写?
2014/12/21 职场文书
教师聘用意向书
2015/05/11 职场文书
五一晚会主持词
2015/07/01 职场文书
Python如何把不同类型数据的json序列化
2021/04/30 Python
详解Vue的sync修饰符
2021/05/15 Vue.js
Python import模块的缓存问题解决方案
2021/06/02 Python
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript
alibaba seata服务端具体实现
2022/02/24 Java/Android