【问题标题】:Send selected checkbox' s value with AJAX使用 AJAX 发送选中复选框的值
【发布时间】:2015-05-07 17:03:08
【问题描述】:

我有很多这样的复选框

<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]'");
?>

【问题讨论】:

  • 同时显示您的 JavaScript 代码。你有没有尝试过?
  • 发布一些你尝试过的代码
  • 并在复选框中给出值,否则您将需要访问同级内容
  • 我无法获取用户使用javascript点击的哪个复选框>。

标签: javascript php ajax checkbox


【解决方案1】:

你可以这样做,

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

                 }
             })

         }
  })

//每个复选框将被单独读取。

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-07-16
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-15
      • 2015-07-11
      • 2016-11-05
      • 2015-10-11
      相关资源
      最近更新 更多