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 相关文章推荐
一句话JavaScript表单验证代码
Aug 02 Javascript
javascript json 新手入门文档
Dec 03 Javascript
jquery validate.js表单验证的基本用法入门
May 13 Javascript
JS子父窗口互相操作取值赋值的方法介绍
May 11 Javascript
纯javascript模仿微信打飞机小游戏
Aug 20 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
微信小程序实现留言板
Oct 31 Javascript
vue 中固定导航栏的实例代码
Nov 01 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 Javascript
javascript+css实现进度条效果
Mar 25 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 Javascript
js闭包的9个使用场景
Dec 29 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
一个程序下载的管理程序(四)
2006/10/09 PHP
php实现的双向队列类实例
2014/09/24 PHP
PHP冒泡算法详解(递归实现)
2014/11/10 PHP
yii2中LinkPager增加总页数和总记录数的实例
2017/08/28 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
jquery解析XML字符串和XML文件的方法说明
2014/02/21 Javascript
浅谈JavaScript Array对象
2014/12/29 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
JavaScript获取数组最小值和最大值的方法
2015/06/09 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
bootstrap读书笔记之CSS组件(上)
2016/10/17 Javascript
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
Vue拖拽组件开发实例详解
2018/05/11 Javascript
微信小程序自定义select下拉选项框组件的实现代码
2018/08/28 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
2020/09/16 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
python实现简单的socket server实例
2015/04/29 Python
python实现简单爬虫功能的示例
2016/10/24 Python
Python切片工具pillow用法示例
2018/03/30 Python
Python模拟登录的多种方法(四种)
2018/06/01 Python
selenium处理元素定位点击无效问题
2019/06/12 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
python将音频进行变速的操作方法
2020/04/08 Python
python 画图 图例自由定义方式
2020/04/17 Python
Python与C/C++的相互调用案例
2021/03/04 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
英国翻新电子产品购物网站:Tech Trade
2017/12/25 全球购物
教师的实习鉴定
2013/12/15 职场文书
房地产还款计划书
2014/01/10 职场文书
党的群众路线教育实践活动宣传方案
2014/02/23 职场文书
《木笛》教学反思
2014/03/01 职场文书
我为自己代言广告词
2014/03/18 职场文书
纪念九一八爱国演讲稿600字
2014/09/14 职场文书
乔迁之喜答谢词
2015/01/05 职场文书
八年级语文教学反思
2016/03/03 职场文书