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自定义多选下拉框效果
Jun 19 jQuery
jQuery修改DOM结构_动力节点Java学院整理
Jul 05 jQuery
详解jquery选择器的原理
Aug 01 jQuery
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
jQuery实现的弹幕效果完整实例
Sep 06 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
jquery实现回车键触发事件(实例讲解)
Nov 21 jQuery
jQuery实现百度图片移入移出内容提示框上下左右移动的效果
Jun 05 jQuery
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
jQuery实现的别踩白块小游戏完整示例
Jan 07 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
May 30 jQuery
jQuery实现简单评论区功能
Oct 26 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
Syphon 使用方法
2021/03/03 冲泡冲煮
用php实现批量查询清除一句话后门的代码
2008/01/20 PHP
为百度UE编辑器上传图片添加水印功能
2015/04/16 PHP
php7基于递归实现删除空文件夹的方法示例
2017/06/15 PHP
php探针使用原理和技巧讲解
2019/09/17 PHP
Thinkphp页面跳转设置跳转等待时间的操作
2019/10/16 PHP
javascript自执行函数之伪命名空间封装法
2010/12/25 Javascript
javascript检测页面是否缩放的小例子
2013/05/16 Javascript
JavaScript的Date()方法使用详解
2015/06/09 Javascript
jQuery与Ajax以及序列化
2016/02/01 Javascript
JavaScript简单实现弹出拖拽窗口(二)
2016/06/17 Javascript
微信小程序(六):列表上拉加载下拉刷新示例
2017/01/13 Javascript
jQuery实现别踩白块儿网页版小游戏
2017/01/18 Javascript
Angular.Js之Scope作用域的学习教程
2017/04/27 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
Flutter实现仿微信底部菜单栏功能
2019/09/18 Javascript
vue新建项目并配置标准路由过程解析
2019/12/09 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
详解element上传组件before-remove钩子问题解决
2020/04/08 Javascript
antd日期选择器禁止选择当天之前的时间操作
2020/10/29 Javascript
python实现udp数据报传输的方法
2014/09/26 Python
Python中用altzone()方法处理时区的教程
2015/05/22 Python
TensorFlow Session会话控制&amp;Variable变量详解
2018/07/30 Python
python制作mysql数据迁移脚本
2019/01/01 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
html5指南-5.使用web storage存储键值对的数据
2013/01/07 HTML / CSS
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
Guess美国官网:美国知名服装品牌
2019/04/08 全球购物
星空联盟C# .net笔试题
2014/12/05 面试题
中学家长会邀请函
2014/02/03 职场文书
推广普通话演讲稿
2014/05/23 职场文书
班子群众路线教育实践个人对照检查材料思想汇报
2014/09/30 职场文书
法定代表人授权委托书格式
2014/10/14 职场文书
详解非极大值抑制算法之Python实现
2021/06/28 Python