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 09 Javascript
用javascript控制iframe滚动的代码
Apr 10 Javascript
网易JS面试题与Javascript词法作用域说明
Nov 09 Javascript
Jquery截取中文字符串的实现代码
Dec 22 Javascript
angularJS与bootstrap结合实现动态加载弹出提示内容
Oct 16 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
Jul 18 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
JS简单实现动态添加HTML标记的方法示例
Apr 08 Javascript
Angular6笔记之封装http的示例代码
Jul 27 Javascript
Vue实现回到顶部和底部动画效果
Jul 31 Javascript
JS绘图Flot如何实现动态可刷新曲线图
Oct 16 Javascript
详解Vue3.0 + TypeScript + Vite初体验
Feb 22 Vue.js
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基础知识:类与对象(4) 范围解析操作符(::)
2006/12/13 PHP
NOD32 v2.70.32 简体中文封装版 提供下载了
2007/02/27 PHP
PHP随机字符串生成代码(包括大小写字母)
2013/06/24 PHP
php发送与接收流文件的方法
2015/02/11 PHP
PHP将进程作为守护进程的方法
2015/03/19 PHP
php实现处理输入转义字符的代码
2015/11/08 PHP
ThinkPHP整合datatables实现服务端分页的示例代码
2018/02/10 PHP
PHP迭代器和生成器用法实例分析
2019/09/28 PHP
jQuery 名称冲突的解决方法
2011/04/08 Javascript
JS跨域总结
2012/08/30 Javascript
Extjs优化(二)Form表单提交通用实现
2013/04/15 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
AngularJS实时获取并显示密码的方法
2018/02/06 Javascript
NodeJS加密解密及node-rsa加密解密用法详解
2018/10/12 NodeJs
基于Vue实现图片在指定区域内移动的思路详解
2018/11/11 Javascript
使用 Vue 实现一个虚拟列表的方法
2019/08/20 Javascript
JS实现可以用键盘方向键控制的动画
2020/12/11 Javascript
Python基于ThreadingTCPServer创建多线程代理的方法示例
2018/01/11 Python
python中requests和https使用简单示例
2018/01/18 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
python求最大连续子数组的和
2018/07/07 Python
python3 property装饰器实现原理与用法示例
2019/05/15 Python
Python3直接爬取图片URL并保存示例
2019/12/18 Python
Python日志syslog使用原理详解
2020/02/18 Python
用HTML5实现网站在windows8中贴靠的方法
2013/04/21 HTML / CSS
html5超简单的localStorage实现记住密码的功能实现
2017/09/07 HTML / CSS
Jogun Shop中文官网:韩国知名时尚男装网站
2016/10/12 全球购物
意大利巧克力店:Chocolate Shop
2019/07/24 全球购物
北京振戎融通Java面试题
2015/09/03 面试题
品学兼优的大学生自我评价
2013/09/20 职场文书
企划专员岗位职责
2013/12/09 职场文书
投标邀请书范文
2014/01/31 职场文书
村抢险救灾方案
2014/05/09 职场文书
公司离职证明范本
2014/10/17 职场文书
用Python写一个简易版弹球游戏
2021/04/13 Python