jQuery Checkbox提交

Question

我希望在选中特定的复选框时自动提交。

我需要它传递给ajax。

这是我到目前为止所做的：

$(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
        });
    }
    });
});

但我似乎无法让它发挥作用，

任何帮助都会很棒，谢谢！

Answer 1

在这里，你应该这样做。你的AJAX看起来很好。我整理了一个JSFiddle来演示。

$("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/

我真的不喜欢使用突兀的JavaScript并将PHP输入到这样的JavaScript中，但没有理由它不起作用。

Answer 2

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

Answer 3

使用服务器端代码[php]为您的特定复选框设置ID或类。然后将click事件绑定到给定的类名，例如

php代码设置一个名为.sCheckBx的类。

然后在document.ready绑定你的事件：

$(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
        });
    }
    });
});

Answer 4

试试这个

$(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
        });
     } 
    }
  });
});