jQuery Form表单取值的方法
2017-01-11 09:16
746 查看
之前js取form表单的值都是一个一个的取,数量一多之后容易出错而且烦透了。感谢那些愿意分享的人。
页面定义form,并给form指定id值,里面的元素只要是需要键值对应的都赋予name属性,并且name值等于后台能识别的参数名。
<form method='post' id="punishformID"> <input hidden="hidden" name="Stu" value=@Model.Stu> <input hidden="hidden" name="StuRuleIDs" value=@Model.StuRuleIDs> </form> </div> <div style="margin-top:20px; padding-left:300px;"> <button type="button" class="w-button w-button-submit" onclick="isagree();">确定</button> </button> </div>
function isagree() { var obj = $('#punishformID').serialize(); $.ajax({ type: "POST", url: "/Discipline/IsAgree", data: obj,// 要提交的表单 success: function (msg) { easyuiAlert(msg); }, error: function (error) { easyuiAlert(error); } }); }
$('#punishformID').serialize();就是取上面form的值,得到的是object,可以直接传递给后台。
以上所述是小编给大家介绍的jQuery Form表单取值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- 5个常见可用性错误和解决方案
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- $.ajax()方法详解
- jQuery ajax - ajax() 方法
- JavaScript 各种遍历方式详解
- 数组方法汇总
- 在线用表单建立文件夹
- seajs学习教程之基础篇
- jQuery Html控件基本操作(日常收集整理)
- jQuery插件实现文字无缝向上滚动效果代码
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码