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,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
jQuery zTree树插件动态加载实例代码
May 11 jQuery
jQuery实现键盘回车搜索功能
Jul 25 jQuery
jQuery实现购物车的总价计算和总价传值功能
Nov 28 jQuery
详解jQuery-each()方法
Mar 13 jQuery
jQuery分组选择器简单用法示例
Apr 04 jQuery
JQuery常见节点操作实例分析
May 15 jQuery
jQuery 筛选器简单操作示例
Oct 02 jQuery
jquery实现两个div中的元素相互拖动的方法分析
Apr 05 jQuery
Jquery 获取相同NAME 或者id删除行操作
Aug 24 jQuery
Jquery $.map使用方法实例详解
Sep 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
Discuz! Passport 通行证整合
2008/03/27 PHP
加强版phplib的DB类
2008/03/31 PHP
使用Appcan客户端自动更新PHP版本号(全)
2015/07/31 PHP
CI框架中$this-&gt;load-&gt;library()用法分析
2016/05/18 PHP
php阳历转农历优化版
2016/08/08 PHP
载入jQuery库的最佳方法详细说明及实现代码
2012/12/28 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
JavaScript学习笔记之JS函数
2015/01/22 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
2015/03/13 Javascript
AngularJS 依赖注入详解及示例代码
2016/08/17 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
防止页面url缓存中ajax中post请求的处理方法
2017/10/10 Javascript
Koa2微信公众号开发之本地开发调试环境搭建
2018/05/16 Javascript
Vue.js特性Scoped Slots的浅析
2019/02/20 Javascript
小程序实现自定义导航栏适配完美版
2019/04/02 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
2020/01/14 Javascript
python操作MongoDB基础知识
2013/11/01 Python
盘点提高 Python 代码效率的方法
2014/07/03 Python
在Python中处理日期和时间的基本知识点整理汇总
2015/05/22 Python
Python实现正弦信号的时域波形和频谱图示例【基于matplotlib】
2018/05/04 Python
Vue的el-scrollbar实现自定义滚动
2018/05/29 Python
Python统计纯文本文件中英文单词出现个数的方法总结【测试可用】
2018/07/25 Python
CSS3中的transform属性进行2D和3D变换的基本用法
2016/05/12 HTML / CSS
Artist Guitars新西兰:乐器在线商店
2017/09/17 全球购物
一道写SQL的面试题和答案
2013/11/19 面试题
机电一体化毕业生求职信
2013/11/02 职场文书
小学生自我评价范文
2014/01/25 职场文书
公司会计岗位职责
2014/02/13 职场文书
学生生病请假条范文
2014/02/16 职场文书
共产党员公开承诺书范文
2014/03/28 职场文书
班主任先进事迹材料
2014/12/17 职场文书
2015年乡镇党务公开工作总结
2015/05/19 职场文书
python基于tkinter制作无损音乐下载工具
2021/03/29 Python
聊聊Python中关于a=[[]]*3的反思
2021/06/02 Python
Mysql 如何查询时间段交集
2021/06/08 MySQL
Js类的构建与继承案例详解
2021/09/15 Javascript