How can an array be used to pass multiple checkbox values to PHP via AJAX?

When dealing with multiple checkbox values in HTML forms, you can use an array to pass these values to PHP via AJAX. This can be achieved by giving each checkbox the same name attribute with square brackets at the end, which will automatically create an array in PHP when the form is submitted. In the AJAX request, you can serialize the form data to send it to the PHP script, where you can then access the array of checkbox values. 

// HTML form with checkboxes
<form id="checkboxForm">
  <input type="checkbox" name="checkboxes[]" value="1"> Checkbox 1
  <input type="checkbox" name="checkboxes[]" value="2"> Checkbox 2
  <input type="checkbox" name="checkboxes[]" value="3"> Checkbox 3
  <button type="button" onclick="sendCheckboxValues()">Submit</button>
</form>

// AJAX request to send checkbox values to PHP
function sendCheckboxValues() {
  var formData = $('#checkboxForm').serialize();
  
  $.ajax({
    url: 'process.php',
    type: 'POST',
    data: formData,
    success: function(response) {
      console.log(response);
    }
  });
}
```

In your PHP script (process.php), you can access the array of checkbox values like this:

```php
$checkboxValues = $_POST['checkboxes'];
foreach($checkboxValues as $checkbox) {
  echo $checkbox . "<br>";
}

Keywords

PHP AJAX array checkbox values

Related Questions