jquery传参及获取方式(两种方式)
编程学习 2021-07-04 15:02www.dzhlxh.cn编程入门
这篇文章主要介绍了jquery传参及获取方式,本文给大家两种方式,通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
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传参及获取方式,希望对大家有所帮助!
上一篇:JavaScript实现省市区三级联动
下一篇:JS实现页面数据懒加载