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 相关文章推荐
用Div仿showModalDialog模式菜单的效果的代码
Mar 05 Javascript
Javascript变量函数浅析
Sep 02 Javascript
创建公共调用 jQuery Ajax 带返回值
Aug 01 Javascript
js判断undefined变量类型使用typeof
Jun 03 Javascript
JavaScript替换当前页面的方法
Apr 03 Javascript
Javascript中的Prototype到底是什么
Feb 16 Javascript
基于BootStrap的图片轮播效果展示实例代码
May 23 Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 Javascript
JavaScript制作简易计算器(不用eval)
Feb 05 Javascript
Echarts基本用法_动力节点Java学院整理
Aug 11 Javascript
js单线程的本质 Event Loop解析
Oct 29 Javascript
如何在Vue中抽离接口配置文件
Oct 31 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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
理解PHP5中static和const关键字的区别
2007/03/19 PHP
PHP的一个完美GIF等比缩放类,附带去除缩放黑背景
2014/04/01 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
2009/04/07 Javascript
javascript 24小时弹出一次的代码(利用cookies)
2009/09/03 Javascript
jQuery Ajax之$.get()方法和$.post()方法
2009/10/12 Javascript
Jquery图形报表插件 jqplot简介及参数详解
2012/10/10 Javascript
理解javascript中的原型和原型链
2015/07/30 Javascript
zTree插件下拉树使用入门教程
2016/04/11 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
2016/12/06 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
利用JS hash制作单页Web应用的方法详解
2017/10/10 Javascript
ReactNative之FlatList的具体使用方法
2017/11/29 Javascript
element-ui中select组件绑定值改变,触发change事件方法
2018/08/24 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
2018/11/29 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
2019/03/01 Javascript
Vue.js组件实现选项卡以及切换特效
2019/07/24 Javascript
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
2019/08/20 Javascript
[39:46]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第二场 11.25
2020/11/25 DOTA
使用PDB简单调试Python程序简明指南
2015/04/25 Python
Python中getattr函数和hasattr函数作用详解
2016/06/14 Python
详解Python with/as使用说明
2018/12/13 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
python3实现弹弹球小游戏
2019/11/25 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
感谢信格式范文
2015/01/22 职场文书
2015年实习生工作总结报告
2015/04/28 职场文书
基于Golang 高并发问题的解决方案
2021/05/08 Golang
比较几种Redis集群方案
2021/06/21 Redis
浅谈Java父子类加载顺序
2021/08/04 Java/Android
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/06 其他游戏
MySQL去除密码登录告警的方法
2022/04/20 MySQL