CODEWITHSUNDEEP
phpjqueryarrayspostcheckbox
sqlchild
sqlchild

Reputation: 9064

Jquery post not working , send multiple selected checkbox through jquery to php script

In the php script when I echo the $_POST['AllItems '] then it shows only the last selected value instead of a whole string of values or array.

Below is the javascript am using : 

$(function () {
    $('#senditems').click(function () {
        var items = $('input[name^="item"]:checked').map(function () {
            return this.value;
        }).get();

*****************************
  //here when i do alert(items); ,
 then it shows comma separated values - 1,22,321
****************************


        $.post("saveitems.php", {
            AllItems: items
        });
    });
});

Form is : 

    <form>

    <input type="checkbox" name="items[1]" value="1" />
<input type="checkbox" name="items[22]" value="22" />
<input type="checkbox" name="items[321]"  value="321" />

    </form>

Upvotes: 0

Views: 578

Answers (1)

carter
carter

Reputation: 5432

This is how your form should look.

<form id="my_form">

  <input type="checkbox" name="items[]" value="1" />
  <input type="checkbox" name="items[]" value="22" />
  <input type="checkbox" name="items[]"  value="321" />

</form>

Then in your php, you can iterate through all the $_POST['items']

If you want to use jQuery to post, you can use this, but is not necessary as you can add a method and action to the html in your form:

$('#senditems').on('click', function(){
    var form_data = $('#my_form').serialize();

    $.post({
        url: "your_php.php",
        data: form_data
    }); 
});

Upvotes: 2

Related Questions