jquery - 如何获取表单中所有输入的值

标签 jquery forms input

代码:

<form name="newform" action="test.php" method="post"  class="form-horizontal input-prepend" id="newform">

  <div class="form-group">
    <label class="control-label" for="test1">test1</label>
    <input type="text" name="test1" class="form-control" id="test1" placeholder="">
  </div>

  <div class="form-group">
    <label class="control-label" for="test2">test2</label>
    <input type="text" name="test2" class="form-control" id="test2" placeholder="">
  </div>

<div class="form-group">
    <label class="control-label" for="test3">test3</label>
    <input type="text" name="test3" class="form-control" id="test3" placeholder="">
  </div>

<div class="form-group">
    <label class="control-label" for="test1">test4</label>
    <input type="text" name="test4" class="form-control" id="test4" placeholder="">
  </div>

<div class="form-group">
    <label class="control-label" for="test5">test5</label>
    <input type="text" name="test5" class="form-control" id="test5" placeholder="">
  </div>

</form>

为了获取输入的值,我们可以使用其id,例如alert($("#test5").val()),但是如何当我们不知道输入的id时,从表单的开头顺序获取输入值?

对于我的测试代码,我可以使用代码获取值:

var value1 = $("test1").val();
var value2 = $("test2").val();
var value3 = $("test3").val();
var value4 = $("test4").val();
var value5 = $("test5").val();

有人知道当我们不知道输入的 id 时如何获取值吗?

最佳答案

尝试:

$('form').serialize();

或者:

var values = [];
$('input').each(function() {
    values.push($(this).val());
});

关于jquery - 如何获取表单中所有输入的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18748538/

相关文章:

php - 使用php将数据从表单插入mysql数据库中的多个表

javascript - JQuery 追加是关闭表单标签

amp-html 中的表单和输入

javascript - 用于选择 JavaScript 函数的 html 文本

asp.net - jQuery黑莓ajax问题

jquery 将焦点/模糊事件绑定(bind)到 AJAX 加载的内容

jquery - 如何在没有远程模块的情况下最大化和最小化 Electron 窗口

php - jQuery FullCalendar 时区同步

javascript - 如何在 React setState 中使用方括号?

jquery - 从多个获取和设置 Cookie 以设置多个 <li> 的样式