javascript - 将一组选中的复选框的值获取到 JavaScript 数组中，并将它们传递到 ajax 请求中

Question

我有一组复选框(大约 50 个)，当用户选中一个或多个时，我需要将选中的复选框的 ID 放入 javascript 数组中。

然后我需要通过 URL(ajax get 请求)传递它们，然后将这些值获取到 PHP 数组...

这是我到目前为止所做的..

$(document).ready(function(){
     $(".rrrr").click(function(){
          var id = $(this).attr('id');
          $("#page").load("ajax_file.php?t_id="+id)
     });
 });

这样，我只能获取并传递一个复选框 ID。如何获取数组的多个值？并在 Ajax get 请求中传递该数组？

Answer 1

您可以按照以下步骤进行操作。检查演示 - Fiddle .

您将获得格式为 cb1=false&cb2=true&cb3=true... 的字符串，然后您可以在 php 中对其进行拆分和处理。

$(document).ready(function(){
     $(".rrrr").click(function(){
          var ids = [], idsString;
          $(".rrrr").each( function() {
              ids.push( this.id + '='+ this.checked );
          });

          idsString = ids.join('&');
          $("#page").get("ajax_file.php?" + idsString);
     });
 });

要在 PHP 中解析查询，您可以这样做:

$query = $_SERVER['QUERY_STRING'];
parse_str($query, $arr);

foreach($arr as $key => $value){
    // $key will be the checkbox id, $value will be true or false
    ...
}