我試圖評估所有的值選中的複選框並將結果傳遞給 HTML文本輸入我試圖使用PHP和AJAX的事,但我也沒有好的結果,請幫助 這是我的代碼: 如何將複選框值傳遞給使用Ajax和PHP的文本輸入?
$(document).ready(function()
{
$("#check").click(function()
{
var data = $("#check").val();
//get selected parent option
$.ajax(
{
type: "GET",
data:data,
url: "total.php?val="+data,
cache: false,
success: function (data)
{
$("#tot").html(data);
}
});
});
});
</script>
</head>
<?php
$conn = mysqli_connect("localhost", "root", "", "voucher_test");
$result = mysqli_query($conn, "SELECT * FROM vouchers where cat_id = 1");
while ($row = mysqli_fetch_array($result)) {
$userSet[] = $row;
}
?>
<form action="index.php" method="post">
<?php
foreach ($userSet as $key=>$value){
echo $value['service_name']."<input type='checkbox' id='check' name='{$value['service_name']}' value='{$value['service_price']}'>";
}
?>
<br>
<div id="tot"></div>
</form>
,這是total.php
<?php
$itot = 5;
$itot+=$_GET['val'];
echo"<input type='text' value='$itot'>";
預期的/期望的行爲是什麼?究竟發生了什麼?不要只是轉儲一堆代碼,並說「它不工作」。這並不能幫助我們幫助你。就個人而言,我根本沒有看到PHP代碼的好處。從你所擁有的東西看,它可能都是在客戶端完成的。 –
刪除您的ajax調用,並使用JS-only進行此操作。沒有理由爲此使用ajax和PHP。這隻會增加服務器的複雜性和額外的http往返行程並返回。 –
此外,你不應該給你所有的複選框相同的ID。您的事件綁定將僅附加到具有該ID的第一個元素。你應該根據類來做事件綁定。 –