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 相关文章推荐
封装了一个js图片轮换效果的函数
Sep 28 Javascript
JS实现图片预加载无需等待
Dec 21 Javascript
javascript设计模式之解释器模式详解
Jun 05 Javascript
JavaScript中textRange对象使用方法小结
Mar 24 Javascript
JavaScript+html5 canvas绘制的圆弧荡秋千效果完整实例
Jan 26 Javascript
解析JavaScript实现DDoS攻击原理与保护措施
Dec 26 Javascript
Angular4实现鼠标悬停3d倾斜效果
Oct 25 Javascript
Vue中this.$router.push参数获取方法
Feb 27 Javascript
js遍历添加栏目类添加css 再点击其它删除css【推荐】
Jun 12 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
Dec 29 Javascript
javascript实现蒙版与禁止页面滚动
Jan 11 Javascript
vue或react项目生产环境去掉console.log的操作
Sep 02 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同时支持GIF、png、JPEG
2006/10/09 PHP
php获取excel文件数据
2017/04/21 PHP
关于PHP中interface的用处详解
2020/07/26 PHP
新手常遇到的一些jquery问题整理
2010/08/16 Javascript
juqery 学习之六 CSS--css、位置、宽高
2011/02/11 Javascript
js循环改变div颜色具体方法
2013/06/25 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
JavaScript淡入淡出渐变简单实例
2015/08/06 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
对称加密与非对称加密优缺点详解
2017/02/06 Javascript
JavaScript数组迭代方法
2017/03/03 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
vue-cli创建的项目,配置多页面的实现方法
2018/03/15 Javascript
一百行JS代码实现一个校验工具
2019/04/30 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
.netcore+vue 实现压缩文件下载功能
2020/09/24 Javascript
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
python网络编程实例简析
2014/09/26 Python
pygame学习笔记(4):声音控制
2015/04/15 Python
Python函数中*args和**kwargs来传递变长参数的用法
2016/01/26 Python
Python3 中文文件读写方法
2018/01/23 Python
快速解决pandas.read_csv()乱码的问题
2018/06/15 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
python 窃取摄像头照片的实现示例
2021/01/08 Python
美国五金商店:Ace Hardware
2018/03/27 全球购物
五年级语文教学反思
2014/01/30 职场文书
大学军训感言400字
2014/03/11 职场文书
幼儿园儿童节活动主持词+串词大全
2014/03/21 职场文书
2015年大学生党员承诺书
2015/04/27 职场文书
社会心理学学习心得体会
2016/01/22 职场文书
怎样写好演讲稿题目?
2019/08/21 职场文书
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android
一文弄懂MySQL索引创建原则
2022/02/28 MySQL
vue elementUI表格控制对应列
2022/04/13 Vue.js