submitting a form when a checkbox is checked

Question

is there are way to submit a form when a checkbox is checked?

<form id="formName" action="<?php echo $_SERVER['PHP_SELF'];?>" method="get">     <input type ="checkbox" name="cBox[]" value = "3">3</input>     <input type ="checkbox" name="cBox[]" value = "4">4</input>     <input type ="checkbox" name="cBox[]" value = "5">5</input>     <input type="submit" name="submit" value="Search" /> </form>  <?php     if(isset($_GET['submit'])){         include 'displayResults.php';     } ?> 

That is what I have currently, but I would like to submit the form without a submit button, when the user checks or unchecks a checkbox. Any help?

Answer 1

Use JavaScript by adding an onChange attribute to your input tags

<input onChange="this.form.submit()" ... /> 

Answer 2

Yes, this is possible.

<form id="formName" action="<?php echo $_SERVER['PHP_SELF'];?>" method="get">     <input type ="checkbox" name="cBox[]" value = "3" onchange="document.getElementById('formName').submit()">3</input>     <input type ="checkbox" name="cBox[]" value = "4" onchange="document.getElementById('formName').submit()">4</input>     <input type ="checkbox" name="cBox[]" value = "5" onchange="document.getElementById('formName').submit()">5</input>     <input type="submit" name="submit" value="Search" /> </form> 

By adding onchange="document.getElementById('formName').submit()" to each checkbox, you'll submit any time a checkbox is changed.

If you're OK with jQuery, it's even easier (and unobtrusive):

$(document).ready(function(){     $("#formname").on("change", "input:checkbox", function(){         $("#formname").submit();     }); }); 

For any number of checkboxes in your form, when the "change" event happens, the form is submitted. This will even work if you dynamically create more checkboxes thanks to the .on() method.