JQ-.serializeArray()

serializeArray() 方法通过序列化表单值来创建对象（name 和 value）的数组

代码片段:

<p><b>Results:</b> <span id="results"></span></p>
<form>
    <select name="single">
        <option>Single</option>
        <option>Single2</option>
    </select>
    <select name="multiple" multiple="multiple">
        <option selected="selected">Multiple</option>
        <option>Multiple2</option>
        <option selected="selected">Multiple3</option>
    </select>
    <br>
    <input type="checkbox" name="check" value="check1" id="ch1">
    <label for="ch1">check1</label>
    <input type="checkbox" name="check" value="check2" checked="checked" id="ch2">
    <label for="ch2">check2</label>
    <input type="radio" name="radio" value="radio1" checked="checked" id="r1">
    <label for="r1">radio1</label>
    <input type="radio" name="radio" value="radio2" id="r2">
    <label for="r2">radio2</label>
</form>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script>
    function showValues() {
        var fields = $(":input").serializeArray();
        $( "#results" ).empty();
        jQuery.each(fields, function (i, field) {
            $("#results").append(field.name + '=>' + field.value + " ");
        });
        console.log(fields);
    }

    $(":checkbox, :radio").click(showValues);
    $("select").change(showValues);
    showValues();
</script>