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下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
Oct 20 Javascript
Jvascript学习实践案例(开发常用)
Jun 25 Javascript
js中一个函数获取另一个函数返回值问题探讨
Nov 21 Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 Javascript
JavaScript中textRange对象使用方法小结
Mar 24 Javascript
js实现前端分页页码管理
Jan 06 Javascript
jQuery使用正则验证15/18身份证的方法示例
Apr 27 jQuery
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
详解webpack4升级指南以及从webpack3.x迁移
Jun 12 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
JS内置对象和Math对象知识点详解
Apr 03 Javascript
npm ci命令的基本使用方法
Sep 20 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提示Warning:phpinfo() has been disabled函数禁用的解决方法
2014/12/17 PHP
php获取本周开始日期和结束日期的方法
2015/03/09 PHP
PHP中addcslashes与stripcslashes函数用法分析
2016/01/07 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
jquery.validate使用攻略 第二部
2010/07/01 Javascript
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
JS实现页面超时后自动跳转到登陆页面
2015/01/19 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
js基础之DOM中元素对象的属性方法详解
2016/10/28 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
javascript入门之string对象【新手必看】
2016/11/22 Javascript
javascript 操作cookies详解及实例
2017/02/22 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
详解Angular Reactive Form 表单验证
2017/07/06 Javascript
php register_shutdown_function函数详解
2017/07/23 Javascript
《javascript设计模式》学习笔记七:Javascript面向对象程序设计组合模式详解
2020/04/08 Javascript
python中wx将图标显示在右下角的脚本代码
2013/03/08 Python
python实现web方式logview的方法
2015/08/10 Python
Python OpenCV利用笔记本摄像头实现人脸检测
2020/08/20 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
tensorflow实现在函数中用tf.Print输出中间值
2020/01/21 Python
python中str内置函数用法总结
2020/12/27 Python
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
寻找完美的房车租赁:RVShare
2019/02/23 全球购物
馥蕾诗美国官网:Fresh美国
2019/10/09 全球购物
J2EE中的容器都包括哪些
2013/08/21 面试题
保安自我鉴定范文
2013/12/08 职场文书
市级青年文明号申报材料
2014/05/26 职场文书
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
居委会四风问题个人对照检查材料
2014/09/25 职场文书
2014年民主评议党员工作总结
2014/12/02 职场文书
导游词之阆中古城
2019/12/23 职场文书
关于k8s环境部署mysql主从的问题
2022/03/13 MySQL
【海涛dota】偶遇拉娜娅 质量局德鲁伊第一视角解说
2022/04/01 DOTA
Elasticsearch6.2服务器升配后的bug(避坑指南)
2022/09/23 Servers