如何从复选框中获取值并使用 AJAX 传递给 PHP 页面答案

【问题标题】：How to get value from checkbox and pass to PHP Page with AJAX如何从复选框中获取值并使用 AJAX 传递给 PHP 页面
【发布时间】：2016-04-16 19:17:53
【问题描述】：

我是 jquery 和 ajax 编程的新手。我已经搜索了关于从复选框获取值并将其传递给带有 AJAX 的 PHP 页面的答案，但它对我不起作用。也许有人可以帮助我从复选框中获取价值并将其传递给 PHP 页面，以便我可以将其插入数据库。这是我在 HTML 中的复选框代码

<fieldset data-role="controlgroup" id="pilihtambahan" style="margin-top: 5px;">

</fieldset>
$.ajax({
     url: host+'/skripsi3/phpmobile/kategori.php',
     data: { "id": getacara},
     dataType: 'json',
     success: function(data, status){
        $.each(data, function(i,item){ 
            $("#pilihkategori").append('<input type="radio" name="radiokategori" class="required" id="'+item.kategori+'" value="'+item.kategori+'" required><label for="'+item.kategori+'">'+item.kategori+'</label>').trigger("create");       
            });
        },
        error: function(){
            //output.text('There was an error loading the data.');
        }
});

这是我的 html 代码，用于将复选框和其他值传递给 PHP 页面

$("#simpansewa").click(function() {
            var checkValues = $('input[name=cektambah]:checked').map(function()
            {
                return $(this).val();
            }).get();

            var k = $("input[name=radiokategori]:checked").val();
            var u = user;
            var g = getacara;
            var b = $('#brandorder').val();
            var d = $('#deskorder').val();
            var s = $('#sosmedorder').val();
            var t = $('#tambahcat').val();
            dt = {user:u,acara:g,brand:b,desk:d,sosmed:s,kat:k,tambah:t,barangsewa:checkValues};
            $.ajax({
                    type: "GET",
                    url: host+'/skripsi3/phpmobile/preorder.php',
                    data: dt,
                    success: function (data){
                        alert('Data Pemesanan Anda Telah Masuk');
                        window.location="statustransaksi.html";

                    },
                    error: function (e) {
                        alert('Fail');
                    }
                });
        });

这是我的 preorder.php

<?php
session_start();
include "config.php";

$idtenant = $_GET["user"];
$idacara = $_GET["acara"];
$namabrand = $_GET["brand"];
$deskbrand = $_GET["desk"];
$sosmed = $_GET["sosmed"];
$tambahcat = $_GET["tambah"];
$kategori = $_GET["kat"];
date_default_timezone_set('Asia/Jakarta');
$tanggal = date("d M Y G:i");
$statusbayar = "belumbayar";
$sewa=$_GET['barangsewa'];



$query="INSERT INTO `preorder`(`namaorder`, `sosorder`, `deskorder`, `catatan`, `kategori`, `id_tenant`, `id_acara`, `statuspesanan`, `tanggal`,`statusbayar`,`tambahanbarang`) VALUES ('$namabrand','$sosmed','$deskbrand','$tambahcat','$kategori','$idtenant','$idacara','Waiting','$tanggal','$statusbayar','$sewa')";
$result = mysql_query($query); 
?>

祝你有美好的一天！

【问题讨论】：

Didnt work 是什么意思？控制台中是否出现任何错误？

标签： php jquery mysql ajax

【解决方案1】：

使用 jQuery serialize() 函数创建一个表单并传递它。该功能是获取与表单相关的所有数据。

HTML 代码

<form id="test">
<input type="radio" class="required" id="item1" name="item" value="1"> One
<input type="radio" class="required" id="item2" name="item" value="2"> Two
<button type="button" id="btn" > Click Me </button>
</button>
</button>
    </form>

Javascript

$('#btn').click(function(){
var data = $( "#test" ).serialize()
});

test表格的所有数据都赋值给data变量。现在您可以使用 ajax 将数据变量传递给 php 页面。

【讨论】：