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 校验中国身份证号码实例详解
Apr 11 jQuery
jQuery实现倒计时功能 jQuery实现计时器功能
Sep 19 jQuery
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
Mar 28 jQuery
基于jQuery使用Ajax动态执行模糊查询功能
Jul 05 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
jQuery中使用validate插件校验表单功能
May 24 jQuery
jQuery子选择器与可见性选择器实例分析
Jun 28 jQuery
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
用jQuery实现抽奖程序
Apr 12 jQuery
jQuery实现二级导航菜单的示例
Sep 30 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读取本地文件常用函数(fopen与file_get_contents)
2013/09/09 PHP
php实现用于计算执行时间的类实例
2015/04/18 PHP
Zend Framework+smarty用法实例详解
2016/03/19 PHP
实例讲解PHP页面静态化
2018/02/05 PHP
YII分模块加载路由的实现方法
2018/10/01 PHP
PHP crypt()函数的用法讲解
2019/02/15 PHP
js判断IE6/IE7/FF的代码[XMLHttpRequest]
2011/02/16 Javascript
你必须知道的Javascript知识点之&quot;字面量和对应类型&quot;说明介绍
2013/04/23 Javascript
JQuery中如何传递参数如click(),change()等具体实现
2013/04/28 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
jquery win 7透明弹出层效果的简单代码
2013/08/06 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
JS实现的幻灯片切换显示效果
2016/09/07 Javascript
jQuery展示表格点击变色、全选、删除
2017/01/05 Javascript
jQuery实现的简单排序功能示例【冒泡排序】
2017/01/13 Javascript
深入浅析vue组件间事件传递
2017/12/29 Javascript
JavaScript设计模式之构造函数模式实例教程
2018/07/02 Javascript
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
解决Vue @submit 提交后不刷新页面问题
2020/07/18 Javascript
Vue+axios封装请求实现前后端分离
2020/10/23 Javascript
JavaScript语法约定和程序调试原理解析
2020/11/03 Javascript
解决Matplotlib图表不能在Pycharm中显示的问题
2018/05/24 Python
Python re正则表达式元字符分组()用法分享
2020/02/10 Python
Python使用socketServer包搭建简易服务器过程详解
2020/06/12 Python
利用CSS3实现毛玻璃效果示例源码
2016/09/25 HTML / CSS
国外平面设计素材网站:The Hungry JPEG
2017/03/28 全球购物
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
飘柔洗发水广告词
2014/03/14 职场文书
单位在职证明书
2014/09/11 职场文书
2014校长四风问题对照检查材料思想汇报
2014/09/16 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
创业计划书之小型广告公司
2019/10/22 职场文书
编写python程序的90条建议
2021/04/14 Python
Python还能这么玩之用Python修改了班花的开机密码
2021/06/04 Python
java设计模式--三种工厂模式详解
2021/07/21 Java/Android