jQuery Form表单取值的方法


Posted in Javascript onJanuary 11, 2017

之前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表单取值的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
倒记时60刷新网页的js代码
Feb 18 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
Apr 20 Javascript
Bootstrap入门书籍之(零)Bootstrap简介
Feb 17 Javascript
JavaScript中的splice方法用法详解
Jul 20 Javascript
js获取上传文件的绝对路径实现方法
Aug 02 Javascript
JavaScript中获取时间的函数集
Aug 16 Javascript
使用contextMenu插件实现Bootstrap table弹出右键菜单
Feb 20 Javascript
移动端使用localResizeIMG4压缩图片
Apr 22 Javascript
vue元素实现动画过渡效果
Jul 01 Javascript
JS遍历DOM文档树的方法实例详解
Apr 03 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
Dec 04 Javascript
ElementUI中el-tree节点的操作的实现
Feb 27 Javascript
vue实现ajax滚动下拉加载,同时具有loading效果(推荐)
Jan 11 #Javascript
浅谈JavaScript中promise的使用
Jan 11 #Javascript
JS多文件上传的实例代码
Jan 11 #Javascript
微信小程序开发(一) 微信登录流程详解
Jan 11 #Javascript
Javascript中return的使用与闭包详解
Jan 11 #Javascript
jQuery对table表格进行增删改查
Dec 22 #Javascript
javascript基础知识讲解
Jan 11 #Javascript
You might like
php下删除一篇文章生成的多个静态页面
2010/08/08 PHP
php读取文件内容的几种方法详解
2013/06/26 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
ThinkPHP3.2.2的插件控制器功能
2015/03/05 PHP
PHP实现的浏览器检查类
2016/04/11 PHP
thinkPHP框架中执行原生SQL语句的方法
2017/10/25 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
php实现分页功能的详细实例方法
2019/09/29 PHP
从父页面读取和操作iframe中内容方法
2009/07/25 Javascript
JavaScript中的一些定位属性[图解]
2010/07/14 Javascript
jQuery prev ~ siblings选择器使用介绍
2013/08/09 Javascript
jquery退出each循环的写法
2014/02/26 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
javascript下使用Promise封装FileReader
2016/02/19 Javascript
BootStrap扔进Django里的方法详解
2016/05/13 Javascript
Jquery遍历select option和添加移除option的实现方法
2016/08/26 Javascript
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
JS实现获取汉字首字母拼音、全拼音及混拼音的方法
2017/11/14 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
VSCode搭建React Native环境
2020/05/07 Javascript
微信小程序实现多图上传
2020/06/19 Javascript
Javascript中的奇葩知识,你知道吗?
2021/01/25 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
python自动化测试之从命令行运行测试用例with verbosity
2014/09/28 Python
python求crc32值的方法
2014/10/05 Python
Python正则表达式知识汇总
2017/09/22 Python
python使用xpath中遇到:到底是什么?
2018/01/04 Python
Django使用Mysql数据库已经存在的数据表方法
2018/05/27 Python
500行Python代码打造刷脸考勤系统
2019/06/03 Python
Python实现结构体代码实例
2020/02/10 Python
判断Threading.start新线程是否执行完毕的实例
2020/05/02 Python
Exception类的常用方法
2012/06/16 面试题
小学优秀班干部事迹材料
2014/05/25 职场文书
个人创业事迹材料
2014/12/30 职场文书
教师节老师寄语
2015/05/28 职场文书
php字符串倒叙
2021/04/01 PHP