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 相关文章推荐
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
Jan 24 Javascript
JS检测图片大小的实例
Aug 21 Javascript
jquery实现的一个简单进度条效果实例
May 12 Javascript
js 加密压缩出现bug解决方案
Nov 25 Javascript
JS跨域问题详解
Nov 25 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
javascript实现九宫格相加数值相等
May 28 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
Feb 05 Javascript
php中and 和 &amp;&amp;出坑指南
Jul 13 Javascript
Javascript中弹窗confirm与prompt的区别
Oct 26 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
Nov 13 Javascript
vue中英文切换实例代码
Jan 21 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中养成7个面向对象的好习惯
2010/07/17 PHP
php+mysqli预处理技术实现添加、修改及删除多条数据的方法
2015/01/30 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
laravel 根据不同组织加载不同视图的实现
2019/10/14 PHP
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
jquery 圆形旋转图片滚动切换效果
2011/01/19 Javascript
javascript判断css3动画结束 css3动画结束的回调函数
2015/03/10 Javascript
jQuery、layer实现弹出层的打开、关闭功能
2017/06/28 jQuery
iscroll.js滚动加载实例详解
2017/07/18 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
2018/07/13 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
解决angularjs service中依赖注入$scope报错的问题
2018/10/02 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
2019/04/12 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
[00:12]DAC2018 no[o]ne亮相SOLO赛 他是否如他的id一样无人可挡?
2018/04/06 DOTA
Python方法的延迟加载的示例代码
2017/12/18 Python
python根据文章标题内容自动生成摘要的实例
2019/02/21 Python
python使用Plotly绘图工具绘制散点图、线形图
2019/04/02 Python
Django中如何防范CSRF跨站点请求伪造攻击的实现
2019/04/28 Python
python 判断文件还是文件夹的简单实例
2019/06/10 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
python numpy数组中的复制知识解析
2020/02/03 Python
tensorflow自定义激活函数实例
2020/02/04 Python
PyInstaller的安装和使用的详细步骤
2020/06/02 Python
机关办公室岗位职责
2014/04/16 职场文书
大学生求职信例文
2014/06/29 职场文书
学校百日安全生产活动总结
2014/07/05 职场文书
舞蹈兴趣小组活动总结
2014/07/07 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
人身意外保险授权委托书
2014/10/01 职场文书
2014教师评职称工作总结
2014/11/10 职场文书
针对吵架老公保证书
2015/05/08 职场文书
总经理2015中秋节致辞
2015/07/29 职场文书
家庭教育教师培训学习体会
2016/01/14 职场文书
图片批量处理 - 尺寸、格式、水印等
2022/03/07 杂记
Hive HQL支持2种查询语句风格
2022/06/25 数据库