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 01 Javascript
Jquery index()方法 获取相应元素索引值
Oct 12 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 Javascript
jquery获取元素值的方法(常见的表单元素)
Nov 15 Javascript
jQuery中prepend()方法使用详解
Aug 11 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
jquery.serialize() 函数语法及简单实例
Jul 08 Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 Javascript
谈谈JavaScript的New关键字
Aug 26 Javascript
完美实现js选项卡切换效果(一)
Mar 08 Javascript
详解Webpack实战之构建 Electron 应用
Dec 25 Javascript
浅谈Vue 自动化部署打包上线
Jun 14 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
mysql 搜索之简单应用
2007/04/27 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
PHP children()函数讲解
2019/02/03 PHP
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
ExtJS Store的数据访问与更新问题
2010/04/28 Javascript
一款Jquery 分页插件的改造方法(服务器端分页)
2011/07/11 Javascript
关于js datetime的那点事
2011/11/15 Javascript
Jquery中使用setInterval和setTimeout的方法
2013/04/08 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
基于Bootstrap+jQuery.validate实现表单验证
2016/05/30 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
利用js判断手机是否安装某个app的多种方案
2017/02/13 Javascript
深入理解AngularJS中的ng-bind-html指令
2017/03/27 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
2017/07/18 jQuery
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
2018/04/13 Javascript
详解使用mpvue开发github小程序总结
2018/07/25 Javascript
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
jQuery操作事件完整实例分析
2020/01/10 jQuery
Js和VUE实现跑马灯效果
2020/05/25 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
2020/07/20 Javascript
python通过imaplib模块读取gmail里邮件的方法
2015/05/08 Python
python实现画一颗树和一片森林
2018/06/25 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
Python定义函数功能与用法实例详解
2019/04/08 Python
python字典一键多值实例代码分享
2019/06/14 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
JAVA及PYTHON质数计算代码对比解析
2020/06/10 Python
菲律宾票务网站:StubHub菲律宾
2018/04/21 全球购物
小班开学寄语
2014/04/04 职场文书
业务内勤岗位职责
2014/04/30 职场文书
党员“四风”问题批评与自我批评思想汇报
2014/10/06 职场文书
群众路线党员个人剖析材料
2014/10/08 职场文书
小学同学聚会感言
2015/07/30 职场文书
pytorch实现线性回归以及多元回归
2021/04/11 Python
javascript代码简写的几种常用方式汇总
2021/08/23 Javascript