jquery批量获取form表单要提交的值

最新推荐文章于 2021-08-05 14:17:51 发布

原创最新推荐文章于 2021-08-05 14:17:51 发布 · 2w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #表单 #json

jquery 专栏收录该内容

14 篇文章

订阅专栏

本文介绍如何使用jQuery的serialize方法将表单数据转换为字符串，并通过AJAX发送POST请求。同时展示了如何获取单选按钮与下拉菜单的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery代码：

alert($("form").serialize());

完整请求：
这个方法适用于get请求，对于post请求我没试过。

   $("#generate").click(function(){
    $.ajax({
           url:"organization/generateAuthCode", //你的路由地址
           type:"post",
           dataType:"json",
           data:$("form").serialize(),
           timeout:30000,
           success:function(data){
             $("#description").value(data);
           },
           error:function(){
            console.log(data);
          }
        });
  });

我在后端返回接收到的数据：

这里写图片描述

get也是可以的：

这里写图片描述

<input type="radio" name="radio" value="0"/>男
<input type="radio" name="radio" value="1"/>女

获取value值：

$("input[type='radio'][name='radio']:checked").val()

获取html的内容：

$("input[type='radio'][name='radio']:checked").html()

<select id="selectName">
<option value="">请选择你喜欢的类型</option>
 <option value="0">唱歌1</option>
 <option value="1">唱歌2</option>
 <option value="2">唱歌3</option>
</select>

获取value值:

$("#selectName").val();
$("#selectName  :selected").html();