ansaurus

Question

Answer 1

A:

<input type="checkbox" name="drive_style[key]" value=2 />123<br />

You'll get only checked inputs anyways.

You can get forms serialized data with

$('form_selector_here').serialize();

which is the same format used for POST and GET ( and not-checked ones won't be in there )

Kemo 2010-05-08 11:37:46

It may be handy to just omit the `key` portion and use `drive_style[]`, unless you need to assign the checkboxes to specific keys.

awgy 2010-05-08 11:45:13

yes, I've put that there just to make it more clear :)

Kemo 2010-05-08 11:52:35

Answer 2

+2 A:

$(function() {
var serial = $('input[name=drive_style]').serialize();
//php -> $('input[name=drive_style[]]').serialize();
  alert( serial );
});

this give you:

drive_style=1&drive_style=3&drive_style=5

but for work with php you also need to have input name like this:

<input type="checkbox" name="drive_style[]" value=1 checked />123<br />

NOTE: drive_style[]

that obviously giv you:

drive_style[]=1&drive_style[]=3&drive_style[]=5

aSeptik 2010-05-08 11:43:31

Ockonal 2010-05-08 11:54:28

See update, please.

Ockonal 2010-05-08 12:00:06

read my post well //php -> $('input[name=drive_style[]]').serialize();

aSeptik 2010-05-08 12:03:04

@aSeptik, well, with: $('input[name=drive_style[]]').serialize() as post-data I have the same empty string.

Ockonal 2010-05-08 12:06:41

Answer 3

A:

In your case you are using an array of input, you must add [] for all your name's input like this:

<input type="checkbox" name="drive_style[]" value=1 checked />123<br />
<input type="checkbox" name="drive_style[]" value=2 />123<br />
...

after that you can retrieve the checked input in your php code.

Amirouche Douda 2010-05-08 11:50:37

hey bro he have already done this!

aSeptik 2010-05-08 12:04:19

Answer 4

+1 A:

As others have mentioned, you should name your inputs according to the typical 'array' naming convention. PHP will automatically turn array syntax in your request variables into an array. Thus, you should name your checkboxes in the form drive_style[name]. To submit this information in JQuery we simply serialize the form: $('form_id').serialize() ought to do the trick. As follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
<html xmlns="http://www.w3.org/1999/xhtml"&gt;
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <title>Test</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"&gt;&lt;/script&gt;
        <script type="text/javascript" charset="utf-8">

            function jquerySubmit()
            {
                $.post('http://localhost/test.php', $('#checkboxform').serialize(), function(data) {
                    alert(data);
                });
            }

        </script>
    </head>
    <body>
        <form id="checkboxform" action="http://localhost/test.php" method="post">

            <input type="checkbox" name="drive_style[one]" /> One<br />
            <input type="checkbox" name="drive_style[two]" /> Two<br />
            <input type="checkbox" name="drive_style[three]" /> Three<br />

            <input type="submit" value="Submit Form" /> <input type="button" value="Submit AJAX Request" onclick="jquerySubmit()" />
        </form>
    </body>
</html>

And to read this information on the PHP side is also very simple:

// http://localhost/test.php
<?php

    echo time(), "\n";

    if (isset($_POST['drive_style']) && is_array($_POST['drive_style']))
    {
        echo implode(", ", array_keys($_POST['drive_style']));
        echo "\n\n";    
    }

    print_r($_POST);

Notably this naming convention also allows you to submit the form regularly.

icio 2010-05-08 12:08:48

ansaurus

tags:

views:

answers:

Send select's values in array

related questions