PHP jquery set checkbox value if checked or unchecked and post

Question

I want to set value for the check when it is unchecked. But every time I post my data whatever it is checked or unchecked, the value will be '1'

I tried to set !isset($check) in post.php, but the value also will be 1.

How can I set the different value when I uncheck the checkbox.

<input type="checkbox" id="check" name="check" value="1">

The jquery code is below:

var check = $('#check').val();
var Data = {check:check};
$.ajax({
    type:"POST",
    url:"post.php",
    data:Data,
    beforeSend: function() {
        $("#btn-submit").html('sending');
    },
    success: function(data) {
    }
});

:checked selector. prop('checked') or other ways. Internet is full of tutorials. — u_mulder
– u_mulder, Commented Jul 17, 2017 at 6:57
$('#check').val(); change to $('#check').is(":checked"); will send true or false depending on state — guradio
– guradio, Commented Jul 17, 2017 at 6:58

Milan Chheda · Accepted Answer · 2017-07-17 07:09:56Z

3

You should use is(':checked') to determine whether the checkbox is checked or not:

$("#check").on('change', function() {
  var checkFlag = 'unchecked';
  if ($(this).is(':checked')) {
    checkFlag = 'checked';
  }

  console.log(checkFlag);

  $.ajax({
    type: "POST",
    url: "post.php",
    data: {
      check: checkFlag
    },
    beforeSend: function() {
      $("#btn-submit").html('sending');
    },
    success: function(data) {}
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="check" name="check" value="1">

edited Jul 17, 2017 at 7:09

answered Jul 17, 2017 at 6:58

Milan Chheda

8,2593 gold badges23 silver badges35 bronze badges

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

2 Comments

Rory McCrossan Over a year ago

I don't see how this helps the OP send the value in his AJAX request?

Milan Chheda Over a year ago

Well, it gets you to know whether its checked or not and he just needs to send that as a parameter.

Rory McCrossan · Accepted Answer · 2017-07-17 07:02:15Z

1

The issue is because the val() of the checkbox is always the same regardless of whether the element is checked or not.

To do what you require you can set the value based on the checked state. Try this:

var $check = $('#check');

$.ajax({
  type: "POST",
  url: "post.php",
  data: { 
    check: $check.prop('checked') ? $check.val() : 0 
  },
  beforeSend: function() {
    $("#btn-submit").html('sending');
  },
  success: function(data) {
    // do something with the response
  }
});

answered Jul 17, 2017 at 7:02

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Comments

Nur Zico · Accepted Answer · 2017-07-17 07:02:05Z

0

Try the following: var check = $('#check').is(":checked");

When checkbox is checked

You will get true

When checkbox is not checked

You will get false

answered Jul 17, 2017 at 7:02

Nur Zico

2,4472 gold badges23 silver badges26 bronze badges

Comments

sanil gurung · Accepted Answer · 2017-07-17 07:08:26Z

0

if ($("#check").is(':checked')) {
   var check = $('#check').val();
}else{
   var check = 0;
}
var Data = {check:check};
$.ajax({
    type:"POST",
    url:"post.php",
    data:Data,
    beforeSend: function() {
        $("#btn-submit").html('sending');
    },
    success: function(data) {
    }
});

answered Jul 17, 2017 at 7:08

sanil gurung

414 bronze badges

Collectives™ on Stack Overflow

PHP jquery set checkbox value if checked or unchecked and post

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related