jquery传参及获取方式(两种方式)


Posted in jQuery onFebruary 13, 2020

html写法

<form id="myform">
<input type="radio" value="1" name="gender">男
<input type="radio" value="2" name="gender">女
<input type="text" name="username" />
<input type="button" value="提交" onclick="fun()"/>
</form>
<div id="myText"></div>

获取值方式一

< script src ="js/jquery-3.3.1.min.js" ></ script >  < script >   // 定义方法 
   function
fun(){
alert($('#myform').serialize());
// 使用ajax发送异步请求 
    $.post( " ajaxServletH " ,$('#myform').serialize(), function
(data){
var divA = document.getElementById( " myText "
);
divA.innerHTML 
= " <br/><hr><br/> " +
data;
},
" text "
)
}
</ script >

获取值方式二:

var gender = $ ("input [name= 'gender' ] : checked") .val() ;

总结

以上所述是小编给大家介绍的jquery传参及获取方式,希望对大家有所帮助!

jQuery 相关文章推荐
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
jQuery之动画ajax事件(实例讲解)
Jul 18 jQuery
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
jquery 给动态生成的标签绑定事件的几种方法总结
Feb 24 jQuery
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
jQuery实现遍历XML节点和属性的方法示例
Apr 29 jQuery
jQuery点击页面其他部分隐藏下拉菜单功能
Nov 27 jQuery
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
jquery实现动态改变css样式的方法分析
May 27 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
jQuery实现简易QQ聊天框
Feb 10 #jQuery
jQuery实现简单聊天室
Feb 08 #jQuery
jquery实现点击弹出对话框
Feb 08 #jQuery
jQuery实现简易聊天框
Feb 08 #jQuery
jquery添加div实现消息聊天框
Feb 08 #jQuery
jQuery实现聊天对话框
Feb 08 #jQuery
jquery实现聊天机器人
Feb 08 #jQuery
You might like
yii2实现根据时间搜索的方法
2016/05/25 PHP
异步加载script的代码
2011/01/12 Javascript
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
js给dropdownlist添加选项的小例子
2013/03/04 Javascript
jquery ajax方式直接提交整个表单核心代码
2013/08/15 Javascript
js调用图片隐藏&amp;显示实现代码
2013/09/13 Javascript
javascript间隔定时器(延时定时器)学习 间隔调用和延时调用
2014/01/13 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
js实现的鼠标滚轮滚动切换页面效果(类似360默认页面滚动切换效果)
2016/01/27 Javascript
jQuery Chart图表制作组件Highcharts用法详解
2016/06/01 Javascript
原生和jQuery的ajax用法详解
2017/01/23 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
vue中用H5实现文件上传的方法实例代码
2017/05/27 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
vue watch自动检测数据变化实时渲染的方法
2018/01/16 Javascript
Jquery和CSS实现选择框重置按钮功能
2018/11/08 jQuery
简单了解微信小程序的目录结构
2019/07/01 Javascript
python字符串替换示例
2014/04/24 Python
Python实现高效求解素数代码实例
2015/06/30 Python
python在ubuntu中的几种安装方法(小结)
2017/12/08 Python
Windows上使用Python增加或删除权限的方法
2018/04/24 Python
python通过ffmgep从视频中抽帧的方法
2018/12/05 Python
Python 矩阵转置的几种方法小结
2019/12/02 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
简单了解django处理跨域请求最佳解决方案
2020/03/25 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
夏尔巴人登珠峰品牌:Sherpa Adventure Gear
2018/02/08 全球购物
法国床上用品商店:La Compagnie du lit
2019/12/26 全球购物
四种会话跟踪技术
2015/05/20 面试题
人事主管的岗位职责
2013/11/16 职场文书
家长给孩子的表扬信
2014/01/17 职场文书
银行柜员求职自荐书
2014/06/18 职场文书
安全口号大全
2014/06/21 职场文书
美术教师个人总结
2015/02/06 职场文书
2015年初中生自我评价范文
2015/03/03 职场文书
关于环保的宣传稿
2015/07/23 职场文书