Ajax调用没有从复选框onClick中触发

时间:2012-09-12 10:18:25

标签: jquery ajax checkbox onclick onchange

我正在尝试做一些非常简单的事情,当选中表单中的复选框时触发对数据库的查询,但是当用户点击它时,简单无效。我试过没有成功的onClick或onChange事件句柄。我究竟做错了什么?谢谢你的任何建议!

  <head>
  //I'm using joomla and document.js is loading normaly
  $document->addScript("path/document.js");
  </head>

  <body>
  <form id='avisar' method='post' name='avisar'><div id='risposta'></div><input type='checkbox' name='invia' id='invia' value='yes' />Check it!</form>
  </body>

Document.js:EDITED以正确获取变量

   $(document).ready(function() {
$('#invia').change(function(){

    //variable
    var name = $("#att").val();
    var user = $("#user_id").val();
    var datastr ='name=' + name + '&amp;user=' + user;

    var id = parseInt($(this).val(), 10);
    if($(this).is(":checked")) {
        // checkbox is checked -> do something
        $.ajax({
        url: "processa_form_avisar.php",
        data: datastr,
        cache: false,
        success: function(html){
            alert('Updated successful.');
            $('#risposta').fadeIn("slow");
            $('#risposta').html(html);
            $('#risposta').css("background-color","#e1ffc0");
            setTimeout(function() {
            $("#risposta").fadeOut("slow");
            }, 2000);

            }
        });
    } else {
        // checkbox is not checked -> do something different
    }

}); });

1 个答案:

答案 0 :(得分:0)

使用jQuery更改事件而不是单击...