Passing a value from a checkbox with multiple values using ajax

Question

I am trying to get the value of a checkbox inside a PHP do while loop, passing the selected item value into a process page (get-mod.php) i am using below code but my console returns [object NodeList] any suggestions will help.

My PHP do while loop.

$i = 1;

do{ 

echo '<input type="checkbox" name="checkboxG[]" id="checkboxG'.$i.'" class="css-checkbox" checked="checked" value="'.$row['modelID'].'" /><label for="checkboxG'.$i.'" class="css-label">'.summary($row['model']).'</label><br/>'   ;

$i++;

}while($row = mysql_fetch_assoc($c));

My ajax code.

 $(document).on('change','.css-checkbox',function(){

                      var list = document.getElementsByName('checkboxG[]');
                      console.log("Getting data for "+list);

            $.ajax({
                type: 'POST',
                url:'get-mod.php',
                data:'getID='+list,
                success:function(html){

                    $('#result1').html(html);

                }
            }); 
        });

I am trying to pass the result inside a div with a id of result1, here is my php code (get-mod.php), but for now i just want to return the values of selected checkboxes.

$r = $_POST['getID'];

print_r($r);

You should use $(this) to get the checkbox that they changed. And don't you need to distinguish whether the box is checked or unchecked? — Barmar
– Barmar, Commented May 23, 2017 at 5:19
Your loop is wrong. It should be a while loop, not a do-while loop, because you need to fetch the row before you put the value into the checkbox. — Barmar
– Barmar, Commented May 23, 2017 at 5:20
If you wrap your checkbox inside one form with specific id , you can get by $("form-id").serialize() .That's all — Jack jdeoel
– Jack jdeoel, Commented May 23, 2017 at 5:25

Saurabh Parekh · Accepted Answer · 2017-05-23 05:22:01Z

1

You can try this solution.

var data = { 'getID[]' : []};
$("input:checked").each(function() {
  data['getID[]'].push($(this).val());
});

And also

data:data,

Then print $_POST in PHP file you get all selected data.

answered May 23, 2017 at 5:22

Saurabh Parekh

4491 gold badge3 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Passing a value from a checkbox with multiple values using ajax

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related