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

时间:2016-04-16 11:01:46

标签: php jquery mysql ajax

我是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); 
?>

度过美好的一天!!

1 个答案:

答案 0 :(得分:0)

创建一个表单并使用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()
});

测试表单的所有数据都分配给数据变量。现在,您可以使用ajax将数据变量传递到php页面。