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选择器的原理
Aug 01 jQuery
jQuery+CSS实现的table表格行列转置功能示例
Jan 08 jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
layui中使用jquery控制radio选中事件的示例代码
Aug 15 jQuery
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
详解jquery和vue对比
Apr 16 jQuery
jQuery设置下拉框显示与隐藏效果的方法分析
Sep 15 jQuery
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
jQuery操作动画完整实例分析
Jan 10 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 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
星际争霸任务指南——人族
2020/03/04 星际争霸
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
PHP连接MySQL的2种方法小结以及防止乱码
2014/03/11 PHP
PHP has encountered a Stack overflow问题解决方法
2014/11/03 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
PHP微信发送推送消息乱码的解决方法
2019/02/28 PHP
layui数据表格自定义每页条数limit设置
2019/10/26 PHP
js事件监听机制(事件捕获)总结
2014/08/08 Javascript
js实现jquery的offset()方法实例
2015/01/10 Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
2015/02/02 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
解析javascript中鼠标滚轮事件
2015/05/26 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
2016/10/31 Javascript
react-router4 嵌套路由的使用方法
2017/07/24 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
python模拟登录百度贴吧(百度贴吧登录)实例
2013/12/18 Python
python表格存取的方法
2018/03/07 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
python中的常量和变量代码详解
2018/07/25 Python
python利用pandas将excel文件转换为txt文件的方法
2018/10/23 Python
Python读取系统文件夹内所有文件并统计数量的方法
2018/10/23 Python
让你Python到很爽的加速递归函数的装饰器
2019/05/26 Python
简单了解django缓存方式及配置
2019/07/19 Python
Python如何实现自带HTTP文件传输服务
2020/07/08 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
英国豪华真皮和布艺沙发销售网站:Darlings of Chelsea
2018/01/05 全球购物
编写一个类体现构造,公有,私有方法,静态,私有变量
2013/08/10 面试题
职业生涯规划书前言
2014/04/15 职场文书
《放小鸟》教学反思
2014/04/20 职场文书
国旗下的讲话演讲稿
2014/05/08 职场文书
八荣八耻演讲稿
2014/09/15 职场文书
Windows server 2016服务器基本设置
2022/08/14 Servers
蓝牙耳机怎么连接电脑win11? Win11蓝牙耳机连接电脑的技巧
2023/01/09 数码科技