checkbox data submit using ajax

Question

<html>
<body>
<input type="checkbox" checked="checked">
</body>
</html>

I want to pass the value of the checkbox as 1 or 0 according to selection. If it is checked then 1 is sent to a PHP file else 0 is sent. The value is sent using a onClick event in the html, using AJAX I want to send the value.

I'm new to AJAX so unable to figure out a way to accomplish this task.

Thanks in advance.

It might be easier to change this on the PHP side (if at all possible)... — Lix
– Lix, Commented Nov 9, 2012 at 4:23
I'm pretty sure jquery page for .get gives you examples of how to do this. — Codeguy007
– Codeguy007, Commented Nov 9, 2012 at 4:24
I disagree the question is trival and answer is easily searched for. — Codeguy007
– Codeguy007, Commented Nov 9, 2012 at 4:38

coolguy · Accepted Answer · 2012-11-09 04:32:52Z

3

$(document).ready(function(){
  $('body').delegate('#Yourbuttonid','click',function(){
        var chkval = 0
          if($('#yourcheckboxid').is(':checked')){
            chkval  = 1;
          }
   $.ajax({
       url: "Your_url",
       type: "POST",
       data:{'checkboxvalue':chkval},

       success:function(returndata){


       },error:function(errordata){


       }
     });

   });  

});

and in your Php file

You can get the checkbbox value as echo $_POST['checkboxvalue'];

edited Nov 9, 2012 at 4:32

answered Nov 9, 2012 at 4:26

coolguy

7,9549 gold badges48 silver badges72 bronze badges

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

1 Comment

user1731476 Over a year ago

This script is not working. When i check the checkbox, no data get sent.

xkeshav · Accepted Answer · 2012-11-09 04:40:47Z

2

try

$('element').on('click', function(){
$checkbox = $(':checkbox').prop('checked');
$.post({ 
          url :'PageWhereYouWanToSend.php',
          data : { 'checked' : $checkbox },
          success : function (resp){
                     alert(resp);
                   }
      });
});

References:

.prop

.post

.on

edited Nov 9, 2012 at 4:40

answered Nov 9, 2012 at 4:27

xkeshav

54.2k47 gold badges183 silver badges256 bronze badges

4 Comments

coolguy Over a year ago

You used on here and the depreciated live in my Edit O_o ? :)

coolguy Over a year ago

` data : { checked : $checkbox },` in here i think checked needs to be in quotes

xkeshav Over a year ago

because were are using .click, so i changed to .live , it is better than that. If i changes to .on then you may disagree. thats why :)

coolguy Over a year ago

Anyway live is way too depreciated i welcome delegate` :) :) anyway thanks man !

Codeguy007 · Accepted Answer · 2012-11-09 04:36:36Z

1

var subcheck = 0;
$('input:checkbox').change(function(){
   if($(this).is(':checked')){
      subcheck = 1;
   } else {
      subcheck = 0;
   }


   $.post("your.php", { checkdata: subcheck},
   function(data) {
      //your code here
   });
});

edited Nov 9, 2012 at 4:36

Codeguy007

8911 gold badge13 silver badges33 bronze badges

answered Nov 9, 2012 at 4:31

Pragnesh Chauhan

8,49410 gold badges46 silver badges58 bronze badges

1 Comment

Codeguy007 Over a year ago

You left .post outside of the .change function so the change would never be posted.

Collectives™ on Stack Overflow

checkbox data submit using ajax

3 Answers 3

1 Comment

References:

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

References:

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related