使用AJAX发送所选复选框的值

时间:2015-05-04 09:37:37

标签: javascript php ajax checkbox

我有很多这样的复选框

<table>
  <tr><td>data1</td><td><input type='checkbox' id='cek[]' name='cek[]' value='1' /></td></tr>
  <tr><td>data2</td><td><input type='checkbox' id='cek[]' name='cek[]' value='2' /></td></tr>
  <tr><td>data3</td><td><input type='checkbox' id='cek[]' name='cek[]' value='3' /></td></tr>
  <tr><td>data4</td><td><input type='checkbox' id='cek[]' name='cek[]' value='4' /></td></tr>
</table>

如何编写javascript和AJAX代码来发送我检查的值? 当我检查data2的复选框时,应该更改有关data2的数据库..

这是我的ajax

$(document).ready(function(){
  $("#cek[]").clicked(function(){
    var cek_id = $("#cek[]").val();
    $.ajax({
      type  : "POST",
      url   : "update.php",
      data  : "id=" + cek_id
    });
  });
});

这是我的update.php

<?php
  //here connection code
  $update = mysql_query("UPDATE data set checked='1' where id='$_POST[id]'");
?>

2 个答案:

答案 0 :(得分:0)

为每个复选框添加一个ID,以便您识别它们。 使用jquery然后你可以简单地使用$(“#checkbox1”)。checked

答案 1 :(得分:0)

你可以这样做,

 $("input[type='checkbox']").on("change",function(){
         if($(this).is(":checked"))
         {
             $.ajax({
                 url: 'update.php',
                 type: 'POST',
                 data: "id="+$(this).val(),
                 success:function(r){
                     // succcess call

                 }
             })

         }
  })

//每个复选框都将单独阅读。