在使用ajax更改复选框检查时将数据插入表中

时间:2014-01-09 06:26:38

标签: php jquery ajax

我希望在选中复选框时将数据插入到表中,并且当取消选中该复选框时,我要使用此ajax代码从表中删除数据..当复选框已更改且复选框未选中时,是否会触发任何事件

代码:

<script type="text/javascript">
$(function() {


//$(".tb11").click(function(){
$(document).on('click', '.clUname', function(event)
{
//Save the link in a variable called element

var element = $(this);
var table = $('#selecttable').val();
//Find the id of the link that was clicked
var del_id = element.attr("id");

//Built a url to send
//var info = 'id=' + del_id,'&selecttable=' + table
 if(confirm("Are You Sure You Want Delete This Record."))
          {

 $.ajax({
   type: "POST",
   url: "DeletePropertyGalleryData.php",
      data: 
            {
                id: del_id ,selecttable: table

            },
   success: function(){

   }
 });

 }

return false;

});

});
</script>

3 个答案:

答案 0 :(得分:4)

尝试使用Onchange,它也会捕获复选框事件

$(document).on('change', '.clUname', function(event)
{

});

答案 1 :(得分:0)

假设.clUname是您的checkbos,请使用:

$('.clUname').change(function(){
    // AJAX code here    
});

更多信息:http://api.jquery.com/change/

答案 2 :(得分:0)

复选框检查,取消选中将调用jQuery .change()事件。

如果.clUname是复选框类,则使用以下代码:

jQuery('.clUname').change(function(){
     if(this.checked) {
         // Insert Data
     }else{
         // Delete Data
     }

})