小编典典

如何使用 JavaScript/jQuery 获取表单数据?

all

是否有一种简单的单行方式来获取表单的数据,就像以经典的纯 HTML 方式提交时一样?

例如:

<form>
    <input type="radio" name="foo" value="1" checked="checked" />
    <input type="radio" name="foo" value="0" />
    <input name="bar" value="xxx" />
    <select name="this">
        <option value="hi" selected="selected">Hi</option>
        <option value="ho">Ho</option>
</form>

输出:

{
    "foo": "1",
    "bar": "xxx",
    "this": "hi"
}

这样的事情太简单了,因为它没有(正确地)包括文本区域、选择、单选按钮和复选框:

$("#form input").each(function () {
    data[theFieldName] = theFieldValue;
});

阅读 218

收藏
2022-03-13

共1个答案

小编典典

$('form').serialize() //this produces: "foo=1&bar=xxx&this=hi"

演示

2022-03-13