フォームのチェックボックスがオンになっているときにデータベースでクエリをトリガーするために、非常に単純なことをしようとしていますが、ユーザーが単純にクリックしても何もしません。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: 変数を適切に取得するために編集
$(document).ready(function() {
$('#invia').change(function(){
//variable
var name = $("#att").val();
var user = $("#user_id").val();
var datastr ='name=' + name + '&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
}
}); });