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 04 Javascript
js控制页面控件隐藏显示的两种方法介绍
Oct 09 Javascript
jquery easyui combobox模糊过滤(示例代码)
Nov 30 Javascript
javascript动态创建及删除元素的方法
Dec 22 Javascript
jQuery Mobile动态刷新页面样式的实现方法
May 28 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
Aug 15 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
原生js图片轮播效果实现代码
Oct 19 Javascript
从零开始学习Node.js系列教程四:多页面实现的数学运算示例
Apr 13 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
对angularJs中$sce服务安全显示html文本的实例
Sep 30 Javascript
vue3语法糖内的defineProps及defineEmits
Apr 14 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
自己前几天写的无限分类类
2007/02/14 PHP
php实现jQuery扩展函数
2009/10/30 PHP
PHP 最大运行时间 max_execution_time修改方法
2010/03/08 PHP
php json_encode奇怪问题说明
2011/09/27 PHP
php写入数据到CSV文件的方法
2015/03/14 PHP
Code:findPosX 和 findPosY
2006/12/20 Javascript
JS 对象介绍
2010/01/20 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
JS中图片缓冲loading技术的实例代码
2013/08/29 Javascript
IE6已终止操作问题的2种情况及解决
2014/04/23 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
2015/12/30 Javascript
Angular2学习笔记——详解路由器模型(Router)
2016/12/02 Javascript
JavaScript运动框架 多值运动(四)
2017/05/18 Javascript
javascript实现非常简单的小数取整功能示例
2017/06/13 Javascript
JavaScript requestAnimationFrame动画详解
2017/09/14 Javascript
vue.js 获取select中的value实例
2018/03/01 Javascript
Node.js 使用request模块下载文件的实例
2018/09/05 Javascript
nodejs微信开发之自动回复的实现
2019/03/17 NodeJs
js构造函数constructor和原型prototype原理与用法实例分析
2020/03/02 Javascript
js实现百度登录窗口拖拽效果
2020/03/19 Javascript
[01:00:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第三场 1月10日
2021/03/11 DOTA
python基础教程之字典操作详解
2014/03/25 Python
python字典的常用操作方法小结
2016/05/16 Python
一篇文章读懂Python赋值与拷贝
2018/04/19 Python
python实现淘宝秒杀脚本
2020/06/23 Python
python实现简单银行管理系统
2019/10/25 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
Django ORM filter() 的运用详解
2020/05/14 Python
python解包概念及实例
2021/02/17 Python
美国开幕式潮店:Opening Ceremony
2018/02/10 全球购物
在什么时候需要使用"常引用"
2015/12/31 面试题
红领巾广播站广播稿(3篇)
2014/09/20 职场文书
三峡大坝导游词
2015/01/31 职场文书
2016党员发展对象培训心得体会
2016/01/08 职场文书
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis