php - 如何使用ajax显示div中的所有复选框值

Question

我从 MySQL 表中显示了多个复选框。我正在尝试将所有检查的值传递给 <div>使用ajax 。目前，我的代码仅将一个检查值传递给 <div> 。我想显示 <div> 中的所有选中值.

到目前为止我所拥有的:

 <?php
$sql="SELECT  * FROM options WHERE cat_id='".$id."' AND opg_id='".$group."'";

$result = mysql_query($sql);

while($row = mysql_fetch_array($result)){ ?>

<input type="checkbox" name="<?php echo $row['op_id']; ?>" onClick="showPrice(this.name)" value="<?php echo $row['price']; ?>"/>

<!-- Display all prices from mysql table in checkbox. Pass `id` to ajax from name attribute. -->
<?php
} ?>

ajax

<script>
function showPrice(name) {
 $.ajax({
        url: 'ajax_price.php',
        type: 'GET',
        data: {option : name},
        success: function(data) {
           document.getElementById('c').innerHTML =data;
        }
    });
}
</script>

ajax_price.php

<?php
include ("../supplier/DB/db.php");
$id = $_REQUEST['option'];

 <?php
$sql="SELECT  * FROM options WHERE op_id='".$id."'";

$result = mysql_query($sql);
while($row = mysql_fetch_array($result)){

 ?> 
<div class="oder">
         <div class="odercol2"><?php echo $row['opt']; ?></div>
         <div class="odercol3"><?php echo $row['price']; ?></div>

    </div>
<?php
}
?>

这是在 <div> 中仅显示一个选中值的显示。我想显示我的 <div> 中所有选中的值.

复选框

结果显示在此 div 中(div id 为“c”)

Answer 1

只需更改 AJAX 函数以连接 DIV 的innerHTML，如下所示:

<script>
function showPrice(name) {
 $.ajax({
        url: 'ajax_price.php',
        type: 'GET',
        data: {option : name},
        success: function(data) {
           document.getElementById('c').innerHTML += data;
        }
    });
}
</script>

注意这一行document.getElementById('c').innerHTML += data; 希望它有效。谢谢