我有一个奇怪的问题,我找不到答案,这可能意味着它是不可能的。我问的原因是我正在创建一个送餐网站。在我的网站的管理面板中,管理员可以输入餐厅的详细信息和菜单。部分细节是客户在结账前必须花多少钱。所以我希望能够取消结帐按钮,但当他们达到最低订单费用时,按钮会激活。
这是我第一次尝试这样的事情,我已经看了一遍,我只能找到关于如何停用然后在使用javascript或jQuery发生某个事件时激活按钮的帖子或教程我知道我会有从DB获得最低订单费用。 唯一合乎逻辑的答案是将它们结合起来。
我正在尝试实现与this ...
类似的功能购物
我按照教程执行此操作,它是一个迷你固定购物车,与购物车位于同一页面上。它从product_page.php重定向到shopping_cart.php。 product_page.php上的大多数方面都是动态制作的。
mysqli_stmt_execute($runn_query);
while ($get_row = mysqli_fetch_array($runn_query)) {
echo "<div id='prods_ere'>";
$item_sub = $get_row['Product_Price'] * $value;
echo $value . ' x ' .$get_row['Product_Name']. ' @ £' . $get_row['Product_Price'] . '<a id="minus" class="buttons" href="Shopping_cart.php?remove=' . $Product_Id . '">-</a> <a id="plus" class="buttons" href="Shopping_cart.php?add_item=' . $Product_Id . '"> + </a> <a id="del" class="buttons" href="Shopping_cart.php?delete=' . $Product_Id . '">✖</a> </br><p id="sub">£' . $item_sub . '</p>';
echo "<br>";
echo "<br>";
echo "<hr id='shopp_dashed'>";
echo "</div>";
}
}
//creating subtotal
$sub_total += $item_sub;
$num_items += $value;
$total += $sub_total;
}
}
//subtotal and empty cart message
if ($sub_total == 0) {
echo "Ouch.. its empty in here";
} else {
echo "<div id='grey'>";
echo"Subtotal (excl delivery)";
echo "<br/>";
echo "<div id='sub_t'>";
echo '£' . number_format($sub_total, 2);
echo "</div>";
echo "<br/>";
echo"Items";
echo "<br/>";
echo "$num_items";
echo "<br/>";
echo "</div>";
echo "<div id='total'>";
echo"Total: ";
echo "$total";
echo "</div>";
}
产品页面
<div id="prods_here">
<!-- PLACE PRODUCTS HERE-->
<?php cart(); ?>
</div>
答案 0 :(得分:1)
嗯,我不确定你是如何跟踪客户的订单但是让我们说你在柜台上跟踪它,比方说, totalOrderAmt。当他们对订单进行更改时,请保持更新并向页面添加条件,当totalOrderAmt&gt; = checkOutAmt时,启用checkOut按钮。
如果您发布一些代码,我可以添加更多详细信息。
答案 1 :(得分:1)
如果你正在使用PHP,你可以在每个餐馆页面上加载一个JavaScript对象,它基本上可以在DOM上提供minimum_order_price
变量,以便JavaScript处理其余部分:
<html>
<head>
...
</head>
<body>
<h1>Restaurant X</h1>
<p>Minimum order: <span id="_restaurantMinimumOrder"></span></p>
<input id="submit" type="submit" class="disabled" value="Checkout" disabled>
<script type="text/javascript">
<?php
echo "window.RestaurantDetails = {}";
echo "window.RestaurantDetails.minimum = $RestaurantMinimumOrder";
?>
</script>
</body>
</html>
在这种情况下,$RestaurantMinimumOrder
是您在PHP上配置和设置的东西(我不确定您的设置是什么,所以我使用变量名称)。从那里,当从服务器解析页面时,PHP将回显那个JavaScript。页面加载后,window.RestaurantDetails
将可供您使用的其余JavaScript。我还提供了一个示例实现:
<script type="text/javascript">
// set price on the DOM
var priceEl = document.getElementById('_restaurantMinimumOrder');
priceEl.textContent = window.RestaurantDetails.minimum;
// ensure submit button is disabled initially
var submitEl = document.getElementById('submit');
submitEl.disabled = true;
</script>
从这里开始,如果你正在使用jQuery,你可以根据你设置的逻辑流程轻松调整提交按钮的状态。如果您有更多问题,请与我们联系。祝你好运!干杯〜