jquery-读取form表单中的所有数据列表

代码:

<script>
$(function() {
  $(‘#submit‘).click(function() {
    var d = {};
    var t = $(‘form‘).serializeArray();
    $.each(t, function() {
      d[this.name] = this.value;
    });
    alert(JSON.stringify(d));
  });
});
</script>
<form>
<input id="a1" type="input" value="" name="a1"><br>
<input id="a2" type="input" value="" name="a2"><br>
<input id="a3" type="input" value="" name="a3"><br>
<input id="a4" type="input" value="" name="a4"><br>
<select id="ax" name="ax">
<option value="0">选项1</option>
<option value="1">选项2</option>
</select><br>
<input id="submit" type="button" value="提交" name="submit">
</form>

来源http://bbs.csdn.net/topics/390905678

时间: 2024-10-17 06:24:41

jquery-读取form表单中的所有数据列表的相关文章

jquery获取form表单中的内容,并将表单内容更新到datagrid的一行

1 //执行不刷新页面更新所修改的行 2 var arr = $('#patient_form').serializeArray();//将表单中的数据格式化成数组 3 var m = new Array(); 4 //取数组中各个输入框对象的值,放在数组m中 5 $.each(arr, function(i,val){ 6 m[val.name] = val.value; 7 }); 8 //更新行 9 $('#dgRequest').datagrid('updateRow',{ 10 ind

jquery获取form表单中的数据

$(function() { $('#submit').click(function() { var d = {}; var t = $('form').serializeArray(); //t的值为[{name: "a1", value: "xx"}, //{name: "a2", value: "xx"}...] $.each(t, function() { d[this.name] = this.value; });

如何使用Jquery获取Form表单中被选中的radio值

 $("input[name='opType']:checked").val() -------此方法估计用的比较多,通俗易懂 $("input:radio:checked").val(); ---------此方法最简单,但是连着使用选择器不容易懂 $("input[@name='opType'][checked]"); --------次方法中切记写成[@checked=checked] 当然需要each的话,具体如下: $('input[n

JQuery判断form表单是否为空

功能:通过jquery判断form表单中是否有内容还未填写,如果有未填写的,则阻止提交 $(function () { $('form').bind('submit',function () {  //给form标签绑定submit事件 var i=0; $("input").each(function(){  //遍历input标签,判断是否有内容未填写 var vl=$(this).val(); if(vl==""){ i=1; } }); var t=$('t

jquery序列化form表单使用ajax提交后处理返回的json数据

这篇文章主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下 1.返回json字符串: ** 将一个字符串输出到浏览器 */    protected void writeJson(String json) {        PrintWriter pw = null;        try {            servletResponse.setContentType("text/plain;charset=UTF-8"

用PHP读取MyAQL表单中全部数据并将数据整理翻页

要注意的是我们的PHP是嵌入在html中的 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <style type="text/css"> </style> </head> <body> <

form表单中method的get和post区别

一.问题的提出   <form action="getPostServlet/getPost.do?param4=param4" method="get">     <input type="hidden" name="param1" value="param1">     <input type="hidden" name="param2&quo

Form表单中method=&quot;post/get&#39;的区别

Form提供了两种数据传输的方式--get和post.虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响.虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的. Form中的get和post方法,在数据传输过程中分别对应了HTTP协议中的GET和POST方法.二者主要区别如下: 1.Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据. 2.Get将表单中数据的按照variable=val

Form表单中method=&quot;post/get&#39;的区别【转载】

Form提供了两种数据传输的方式——get和post.虽然它们都是数据的提交方式,但是在实际传输时确有很大的不同,并且可能会对数据产生严重的影响.虽然为了方便的得到变量值,Web容器已经屏蔽了二者的一些差异,但是了解二者的差异在以后的编程也会很有帮助的. Form中的get和post方法,在数据传输过程中分别对应了HTTP协议中的GET和POST方法.二者主要区别如下: 1.Get是用来从服务器上获得数据,而Post是用来向服务器上传递数据. 2.Get将表单中数据的按照variable=val