jQuery Checkbox Submit

Question

I'm looking to auto submit when a specific checkbox is checked.

I need it to pass to ajax.

Here is what I have so far:

$(document).ready(function () {
    $("input[name=<?php echo("$newseo"); ?>]").click(function(){
    var id=$(this).attr('id');
    var favorite=$(this).val();
    $.ajax({
            type:'POST',
            url:'check_favorite.php',
            data:'id= ' + id + '&favorite='+favorite
        });
    }
    });
});

But I just can't seem to get it to work,

Any help would be great, Thanks!

Just for kicks, in your jQuery selector for the checkbox, select it by ID rather than by name. $('#yourcheckboxid') — Brad
– Brad, Commented Jul 11, 2011 at 15:19
HTML: <input name="<?php echo("$newseo"); ?>" value="yes" type="checkbox" id="<?php echo("$newseo"); ?"> — user580523
– user580523, Commented Jul 11, 2011 at 15:22

Henry · Accepted Answer · 2011-07-11 15:54:03Z

1

Here you go, this should do it. Your AJAX looks fine. I put together a JSFiddle to demonstrate.

$("input[name=TestCheck]:checked").live('click', function(e) {
    var id=$(this).attr('id');
    var favorite=$(this).val();
        alert(id + " - " + favorite);
       // Post here ...
       $.ajax({
        type:'POST',
        url:'check_favorite.php',
        data: {id: id, favorite: favorite}
    });

});

JSFiddle : http://jsfiddle.net/4GQ6K/1/

I don't really like using obtrusive JavaScript and inputting PHP into JavaScript like that but there is no reason it shouldn't work.

answered Jul 11, 2011 at 15:54

Henry

2,1971 gold badge15 silver badges28 bronze badges

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

Comments

SeanCannon · Accepted Answer · 2011-07-11 15:21:25Z

0

$('#my_checkbox').change(function(){
    if($(this).is(':checked'))
    {
        $('#my_form').submit();
    }
});

answered Jul 11, 2011 at 15:21

SeanCannon

78.1k17 gold badges126 silver badges145 bronze badges

Comments

Marc Uberstein · Accepted Answer · 2011-07-11 15:21:40Z

0

Use your server side code[php] to set a id or a class to your specific checkbox. Then bind a click event to the given class name, e.g.

php code sets a class named .sCheckBx.

then on document.ready bind your event :

$(document).ready(function () {
    $(".sCheckBx").click(function(){
    var id=$(this).attr('id');
    var favorite=$(this).val();
    $.ajax({
            type:'POST',
            url:'check_favorite.php',
            data:'id= ' + id + '&favorite='+favorite
        });
    }
    });
});

answered Jul 11, 2011 at 15:21

Marc Uberstein

12.6k4 gold badges47 silver badges73 bronze badges

Comments

ShankarSangoli · Accepted Answer · 2011-07-11 15:28:16Z

0

Try this

$(document).ready(function () {
    $("checkboxId").click(function(){
    var $this = $(this);
    if($this.is(":checked")){
      var id=$this.attr('id');
      var favorite=$this.val();
      $.ajax({
            type:'POST',
            url:'check_favorite.php',
            data:'id= ' + id + '&favorite='+favorite
        });
     } 
    }
  });
});

edited Jul 11, 2011 at 15:28

answered Jul 11, 2011 at 15:22

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Collectives™ on Stack Overflow

jQuery Checkbox Submit

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related