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 相关文章推荐
Django1.7+JQuery+Ajax验证用户注册集成小例子
Apr 08 jQuery
jQuery实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
jQuery实现模拟搜索引擎的智能提示功能简单示例
Jan 27 jQuery
Vue CLI3.0中使用jQuery和Bootstrap的方法
Feb 28 jQuery
jquery实现的分页显示功能示例
Aug 23 jQuery
JQuery复选框全选效果如何实现
May 08 jQuery
jQuery实时统计输入框字数及限制
Jun 24 jQuery
jquery实现拖拽小方块效果
Dec 10 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
IIS6.0中配置php服务全过程解析
2013/08/07 PHP
简单谈谈php中的unicode和utf8编码
2015/06/10 PHP
PHP+Redis 消息队列 实现高并发下注册人数统计的实例
2018/01/29 PHP
JavaScript中的迭代器和生成器详解
2014/10/29 Javascript
js解决movebox移动问题
2016/03/29 Javascript
Javascript HTML5 Canvas实现的一个画板
2020/04/12 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
总结AngularJS开发者最常犯的十个错误
2016/08/31 Javascript
Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法
2016/12/13 Javascript
vuejs 单文件组件.vue 文件的使用
2017/07/28 Javascript
js移动端事件基础及常用事件库详解
2017/08/15 Javascript
详解vue 组件之间使用eventbus传值
2017/10/25 Javascript
如何编写一个完整的Angular4 FormText 组件
2017/11/18 Javascript
Javascript Promise用法详解
2018/05/10 Javascript
vue登录以及权限验证相关的实现
2019/10/25 Javascript
vue data有值,但是页面{{}} 取不到值的解决
2020/11/09 Javascript
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
浅谈Python中列表生成式和生成器的区别
2015/08/03 Python
详解pandas安装若干异常及解决方案总结
2019/01/10 Python
Python之循环结构
2019/01/15 Python
python调用c++传递数组的实例
2019/02/13 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
阳光体育:Sunny Sports(购买露营和远足设备)
2018/08/07 全球购物
俄罗斯建筑和装饰材料在线商店:Stroilandia
2020/07/25 全球购物
得到Class的三个过程是什么
2012/08/10 面试题
一个SQL面试题
2014/08/21 面试题
运动会稿件200字
2014/02/07 职场文书
小学二年级评语
2014/04/21 职场文书
2014年客房服务员工作总结
2014/11/18 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
家长意见和建议怎么写
2015/06/04 职场文书
创业计划书之o2o水果店
2019/08/30 职场文书
如何在向量化NumPy数组上进行移动窗口
2021/05/18 Python
python中__slots__节约内存的具体做法
2021/07/04 Python