submit form when checkbox change in the same php page

Question

i have this code:

<form id="form" method="post" action="">
<input type="checkbox" name="checkbox" onchange="$('#form').submit();">
<label class="onoffswitch-label" for="myonoffswitch">
    <span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
</label>
</form>


<?php if (isset($_POST['checkbox'])){
echo "ok";} ?>

but the post of the checkbox doing nothing

can you help me sorry im newbie

so where's the jquery that goes with this? you also tagged as CI. Look at you console. — Funk Forty Niner
– Funk Forty Niner, Commented Apr 25, 2016 at 22:50
^^ and you're forgetting the action tag which. Maybe consider PHP SELF for this page — Bart Scheffer
– Bart Scheffer, Commented Apr 25, 2016 at 22:52
Works for me: dev.bridgebase.com/barmar_test/testcheckbox.php — Barmar
– Barmar, Commented Apr 25, 2016 at 23:30

Barmar · Accepted Answer · 2016-04-26 01:02:53Z

0

This is the exact code that I tested and it works.

When it's displaying the form, it uses isset($_POST['checkbox']) to decide whether to add checked="checked" to the HTML, so it remembers what the user's choice was. Then the PHP code at the end does different things depending on whether it's checked.

<html>
<body>
<script   src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<form id="form" method="post" action="">
<input type="checkbox" name="checkbox" onchange="$('#form').submit();" <?php if(isset($_POST['checkbox'])) { echo 'checked="checked"'; } ?>>
<label class="onoffswitch-label" for="myonoffswitch">
    <span class="onoffswitch-inner"></span>
    <span class="onoffswitch-switch"></span>
</label>
</form>


<?php
     if (isset($_POST['checkbox'])) {
         echo "box is checked";
     } else {
         echo "box is not checked";
     }
?>
</body>
</html>

DEMO

edited Apr 26, 2016 at 1:02

answered Apr 25, 2016 at 23:51

Barmar

789k57 gold badges555 silver badges669 bronze badges

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

7 Comments

riccardo airone Over a year ago

it works thanks ! but if the checkbox is checked="checked" its doesnt work

Barmar Over a year ago

Only checked boxes are sent to the server. So if the box is not checked, isset() will be false. If the box is originally checked in the HTML, clicking on it unchecks it, so nothing is sent in $_POST['checkbox'].

Barmar Over a year ago

So it only prints ok when the user checks the box, not when the uncheck it.

riccardo airone Over a year ago

I need that also when you unchecked the checkbox the program do something...its possible ? @Barmar

Barmar Over a year ago

I've updated the answer to show how it can remember whether the box is checked, and show a different answer depending.

|

Mohammed Elhag · Accepted Answer · 2016-04-25 23:00:14Z

0

lot of solutions but here the fast one :

<form id="form" method="post" action="">
<input type="checkbox" name="checkbox" onchange="this.form.submit();">
<label class="onoffswitch-label" for="myonoffswitch">
<span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>
</label>
</form>

answered Apr 25, 2016 at 23:00

Mohammed Elhag

4,3201 gold badge12 silver badges19 bronze badges

3 Comments

Mohammed Elhag Over a year ago

i tested in chrome & Firefox , you may use IE , am I right?

Mohammed Elhag Over a year ago

copy and paste my code and check it again , i tested in chrome it is fine

Mohammed Elhag Over a year ago

if you insisted to use JQuery , your code is fine just check if you include the JQuery library correct , put it between head tags

Collectives™ on Stack Overflow

submit form when checkbox change in the same php page

2 Answers 2

7 Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related