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 简练的几个函数
Aug 29 Javascript
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
Nov 14 Javascript
js字符串转换成数字与数字转换成字符串的实现方法
Jan 08 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
详解开源的JavaScript插件化框架MinimaJS
Oct 26 Javascript
基于JavaScript中字符串的match与replace方法(详解)
Dec 04 Javascript
对vux点击事件的优化详解
Aug 28 Javascript
iview在vue-cli3如何按需加载的方法
Oct 31 Javascript
PostgreSQL Node.js实现函数计算方法示例
Feb 12 Javascript
JS实现基本的网页计算器功能示例
Jan 16 Javascript
vue引用外部JS的两种种方法
Jan 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
php数据库连接
2006/10/09 PHP
用PHP调用数据库的存贮过程!
2006/10/09 PHP
PHP 观察者模式的实现代码
2013/05/10 PHP
将php数组输出html表格的方法
2014/02/24 PHP
浅析php静态方法与非静态方法的用法区别
2016/05/17 PHP
PHP从二维数组得到N层分类树的实现代码
2016/10/11 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
自动检查并替换文本框内的字符
2006/06/30 Javascript
纯js网页画板(Graphics)类简介及实现代码
2012/12/24 Javascript
document.addEventListener使用介绍
2014/03/07 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
深入解析Backbone.js框架的依赖库Underscore.js的作用
2016/05/07 Javascript
JavaScript兼容浏览器FF/IE技巧
2016/08/14 Javascript
javascript宿主对象之window.navigator详解
2016/09/07 Javascript
JavaScript表单验证开发
2016/11/23 Javascript
Javascript 实现计算器时间功能详解及实例(二)
2017/01/08 Javascript
设置cookie指定时间失效(实例代码)
2017/05/28 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
react同构实践之实现自己的同构模板
2019/03/13 Javascript
Vue Router 实现动态路由和常见问题及解决方法
2020/03/06 Javascript
vue实现登录、注册、退出、跳转等功能
2020/12/23 Vue.js
如何使用原生Js实现随机点名详解
2021/01/06 Javascript
[08:29]DOTA2每周TOP10 精彩击杀集锦vol.7
2014/06/25 DOTA
[02:11]DOTA2上海特级锦标赛主赛事第二日RECAP
2016/03/04 DOTA
Python类的用法实例浅析
2015/05/27 Python
Python卸载模块的方法汇总
2016/06/07 Python
python3操作微信itchat实现发送图片
2018/02/24 Python
python实现写数字文件名的递增保存文件方法
2018/10/25 Python
python数据预处理之数据标准化的几种处理方式
2019/07/17 Python
CSS3中Animation动画属性用法详解
2016/07/04 HTML / CSS
事业单位竞聘上岗实施方案
2014/03/28 职场文书
品牌转让协议书
2014/08/20 职场文书
导游词之嵊泗列岛
2019/10/30 职场文书
python - timeit 时间模块
2021/04/06 Python
python使用tkinter实现透明窗体上绘制随机出现的小球(实例代码)
2021/05/17 Python