Save check and uncheck values from checkboxes

Question

I have this form:

<form name="settings" action="../ajax/account/account_ajax.php?token=<?php echo $token; ?>" 
      class="form-horizontal" method="post">

    <input type="hidden" name="set_settings" value="1">
    <div class="row">
        <div class="col-md-5">
            <label class="checkbox-custom">
                <input name="earning_sound"
                <?= ($settings->earning_sound) ? 'checked="checked"' : ''; }?> 
                value="1"  type="checkbox">
                <i class="fa fa-fw fa-square-o checked"></i>
                Earning Notification Sound
            </label>
            <button type="submit" class="btn btn-primary ">
                <i class="fa fa-edit"></i> Save
            </button>
        </div>
    </div>

</form>

How I can save with value 1 when I check and how I can save with value 0 when I uncheck!

score 0 · Answer 1 · answered May 17 '18 at 09:43

0

Get the values of checkbox with JS:

var checkboxValue = document.getElementById("myCheck").checked // return true or false

And give id for your checkbox.

answered May 17 '18 at 09:43

stefo91

618
6
16

score 0 · Answer 2 · answered May 17 '18 at 09:51

0

In case of checkbox the value only gets post if the checkbox is checked. So u need to check whether the checkbox field value is set in PHP using below code while saving it to database.

$checkboxValue = isset($_REQUEST['earning_sound']) ? 1 : 0;

answered May 17 '18 at 09:51

Kawaljeet Singh

357
1
5

Ashutosh Panda · Accepted Answer · 2018-05-17T11:21:19.513

0

        <form name="settings" action="../ajax/account/account_ajax.php?token=<?php echo $token; ?>" class="form-horizontal" method="post">
            <input type="hidden" name="set_settings" value="1">
            <div class="row">
                <div class="col-md-5">
                    <label class="checkbox-custom">
                        <input name="earning_sound" class="earning_sound" type="checkbox" value="<?php echo ($settings->earning_sound == 1)? '1' : '0' ?>" <?php echo ($settings->earning_sound == 1)? 'checked' : '' ?>  />
                        <i class="fa fa-fw fa-square-o checked"></i>
                        Earning Notification Sound
                    </label>
                    <button type="submit" class="btn btn-primary "><span class="fa fa-edit"></span> Save</button>
                </div>
            </div>
        </form>

// this will help you to save the value as 1 when checked or 0 when unchecked

//add the following code to your js file

$(".earning_sound").click(function() {
    $(this).val(this.checked ? 1 : 0);          
});

edited May 17 '18 at 11:21

answered May 17 '18 at 10:06

Ashutosh Panda

38
5

change $ settings to $settings->earning_sound. – Ashutosh Panda May 17 '18 at 10:40
don't work anything! What is variable $value and $checked ? – John Doe May 17 '18 at 10:52
this variable are to print the value of checked and value attributes of input field – Ashutosh Panda May 17 '18 at 11:01
check if your variable returning correct value. For queery-Do you want the value be changed on click or after save.? – Ashutosh Panda May 17 '18 at 11:02
I want this value changes on click! – John Doe May 17 '18 at 11:05
then you will need javascript for that. ok i will update you the code for that. – Ashutosh Panda May 17 '18 at 11:13

Save check and uncheck values from checkboxes

3 Answers3