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实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
jquery与js实现全选功能的区别
Jun 11 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
JQuery选中select组件被选中的值方法
Mar 08 jQuery
20个最常见的jQuery面试问题及答案
May 23 jQuery
jQuery实现简单的Ajax调用功能示例
Feb 15 jQuery
jQuery分组选择器简单用法示例
Apr 04 jQuery
layui+jquery支持IE8的表格分页方法
Sep 28 jQuery
jQuery实现简单聊天室
Feb 08 jQuery
jQuery--遍历操作实例小结【后代、同胞及过滤】
May 22 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
不错的PHP学习之php4与php5之间会穿梭一点点感悟
2007/05/03 PHP
php 将excel导入mysql
2009/11/09 PHP
PHP 函数学习简单小结
2010/07/08 PHP
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
2014/12/05 PHP
实例讲解如何在PHP的Yii框架中进行错误和异常处理
2016/03/17 PHP
PHP pthreads v3使用中的一些坑和注意点分析
2020/02/21 PHP
用javascript实现读取txt文档的脚本
2007/07/20 Javascript
jquery对表单操作2
2011/04/06 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
用jquery生成二级菜单的实例代码
2013/06/24 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
jQuery通过ajax方法获取json数据不执行success的原因及解决方法
2016/10/15 Javascript
bootstrap多层模态框滚动条消失的问题
2017/07/21 Javascript
解决LayUI表单获取不到data的问题
2018/08/20 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
vue 解决computed修改data数据的问题
2019/11/06 Javascript
js 实现碰撞检测的示例
2020/10/28 Javascript
python求质数的3种方法
2018/09/28 Python
基于python实现语音录入识别代码实例
2020/01/17 Python
Python图像处理库PIL的ImageGrab模块介绍详解
2020/02/26 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
Python控制鼠标键盘代码实例
2020/12/08 Python
Blancsom美国/加拿大:服装和生活用品供应商
2018/07/27 全球购物
介绍一下.NET构架下remoting和webservice
2014/05/08 面试题
技术学校毕业生求职信分享
2013/12/02 职场文书
追悼会上的答谢词
2014/01/10 职场文书
八一建军节感言
2014/02/28 职场文书
公益广告标语
2014/06/19 职场文书
出售房屋协议书范本
2014/10/06 职场文书
2014教师评职称工作总结
2014/11/10 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
vue Element-ui表格实现树形结构表格
2021/06/07 Vue.js
基于Python实现一个春节倒计时脚本
2022/01/22 Python
Go语言测试库testify使用学习
2022/07/23 Golang