Pass checkbox values into an array using ajax to php

Question

I am needing some help passing checkbox values into an array using ajax and retrieving the values in my controller. The following code is not working. I receive the error: "Invalid argument supplied for foreach()". Var_dump gives string(42) "Educator_Classes[]=1&Educator_Classes;[]=3

Thanks for any help you can provide.

My html form input:

<input type="checkbox" id="Educator_Classes[]" name="Educator_Classes" class="Educator_Classes" value="<?php echo $Class_Number; ?>"/>

My jquery:

$("#Send_Invite").click(function() {
    var form_data = {
        Opportunity_Id: $('#Opportunity_Id').val(),
        Educator_Id: $('#Educator_Id').val(),
        Educator_Classes: $('#Educator_Classes:checked').serialize(),
        ajax: '1'
    };

    $.ajax({
        url: "<?php echo site_url('schedule/update_educator_class'); ?>",
        type: 'POST',
        data: form_data,
        success: function(data) {
            $('#response').html(data);
        }
    });

    return false;
})

My controller:

function update_educator_class() {
    $Educator_Id = $this->input->post('Educator_Id');
    $Opportunity_Id = $this->input->post('Opportunity_Id');
    $Educator_Classes = $this->input->post('Educator_Classes');

    foreach($Educator_Classes as $Educator_Class):
        $this->ion_auth_model->update_educator_class($Opportunity_Id, $Educator_Class, $Educator_Id);
    endforeach;
}

Select educator_classes like this Educator_Classes: $('[id="Educator_Classes[]"]').serialize()or Educator_Classes: $('#Educator_Classes\\[\\]').serialize() — Anton
– Anton, Commented Sep 10, 2014 at 13:35
@Anton Hmm, tried both and still getting the same result. Thanks for the quick reply. — Derek Morgan
– Derek Morgan, Commented Sep 10, 2014 at 13:39
Ah i noticed it's the classes you want. You need to use class indicator . $('.Educator_Classes:checked') — Anton
– Anton, Commented Sep 10, 2014 at 13:40
@Anton Still same error w/ Educator_Classes: $('.Educator_Classes\\[\\]').serialize(). — Derek Morgan
– Derek Morgan, Commented Sep 10, 2014 at 13:53
without [] it should be $('.Educator_Classes:checked').serialize() — Anton
– Anton, Commented Sep 10, 2014 at 13:56

George G · Accepted Answer · 2014-09-10 14:00:08Z

2

You have to use [] for name attribute and not for id, otherwise it can't act like an array

<input type="checkbox" id="Educator_Classes" name="Educator_Classes[]" class="Educator_Classes" value="<?php echo $Class_Number; ?>"/>

And also your jQuery code can be simpler:

$("#Send_Invite").click(function() {
    var form_data = $(this).closest('form).serialize();
    form_data['ajax'] = 1;

    $.ajax({
        url: "<?php echo site_url('schedule/update_educator_class'); ?>",
        type: 'POST',
        data: form_data,
        success: function(data) {
            $('#response').html(data);
        }
    });

    return false;
});

To debut what's passed to $Educator_Classes you can do this:

var_export($Educator_Classes);

edited Sep 10, 2014 at 14:00

answered Sep 10, 2014 at 13:53

George G

7,72512 gold badges48 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Derek Morgan Over a year ago

var_dump gives string(24) "Educator_Classes[]=1&Educator_Classes;[]=3

Derek Morgan Over a year ago

Serializing the entire form solved the problem! Thanks

chirag · Accepted Answer · 2014-09-10 13:46:52Z

2

The Solution is that you have to take the array of name attribute of checkbox. Like :

<input type="checkbox" id="Educator_Classes[]" name="Educator_Classes[]" class="Educator_Classes" value="<?php echo $Class_Number; ?>"/>

answered Sep 10, 2014 at 13:46

chirag

61310 silver badges14 bronze badges

2 Comments

chirag Over a year ago

Use this<input type="checkbox" id="Educator_Classes" name="Educator_Classes[]" class="Educator_Classes" value="<?php echo $Class_Number; ?>"/>

Derek Morgan Over a year ago

That is what I am using, with the same result...

<input type="checkbox" id="Educator_Classes" name="Educator_Classes[]" class="Educator_Classes" value="<?php echo $Class_Number; ?>"/>

Collectives™ on Stack Overflow

Pass checkbox values into an array using ajax to php

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related