//用户只能在选择经济舱，好座位或头等舱之前选择座位号复选框，如果用户单击商品座位/经济舱/头等舱复选框中的一个而不选择座位号复选框，则应该出现消息弹出框或验证框，指示座位必须首先选择数字复选框。
价格值还取决于检查的座位数。例如，假设机票价格为$ 120，然后他选择第二个座位的复选框和第一个座位的复选框，那么总和应该为$ 240，依此类推。 goodseat，econ和firstclass复选框不会增加价格。它们只是为了座位安排而存在。为了使用户单击add_submit按钮，必须至少选中一个复选框。我该如何创建？有人请帮助我。而且我必须在会话脚本中键入什么，以便一旦做出选择并单击add_submit按钮，下一页就会记住总数和旅行详细信息。enter image description here
Here is my php page
<!DOCTYPE html>
<head>
<style>
td{
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
p{
font-size: 16px;
}
</style>
<body>
<?php
// Start the session
session_start();
?>
<?php
$str = $_GET['Confirm'];
$array = (explode(",",$str));
?>
<h1>Booking Details</h1>
travel Details:
<table>
<tr>
<td> key id
</td>
<td><?php echo $array[0] ?>
</td>
</tr>
<tr>
<td>
destination</td>
<td> <?php echo $array[1] ?>
</td>
</tr>
<tr>
<td>
arrival</td>
<td> <?php echo $array[2] ?>
</td>
</tr>
<tr>
<td>
Price</td>
<td> $<?php echo $array[3] ?>
</td>
</tr>
</table>
<?php
// Set session variables
$_SESSION["key_id"] = $array[0];
$_SESSION["destination"] = $array[1];
$_SESSION["arrival"] = $array[2];
$_SESSION["price"] = $array[3];
echo "Session variables for this booking have been set.";
?>
<form action="Yourbookings.php" method="get">
<table>
<tr>
<td>Seat #</td>
<td>econ </td>
<td>firstclass</td>
<td>goodseat</td>
</tr>
<tr>
<td>Seat 1 <input type="checkbox" name="seat1" value="seat1"> </td>
<td> <input type="checkbox" name="econ" value="econ"> </td>
<td> <input type="checkbox" name="firstclass" value="firstclass"> </td>
<td> <input type="checkbox" name="goodseat" value="goodseat"> </td>
</tr>
<tr>
<td>Seat 2 <input type="checkbox" name="seat1" value="seat1"> </td>
<td> <input type="checkbox" name="econ" value="econ"> </td>
<td> <input type="checkbox" name="firstclass" value="firstclass"> </td>
<td> <input type="checkbox" name="goodseat" value="goodseat"> </td>
</tr>
<tr>
<td>Seat 3 <input type="checkbox" name="seat1" value="seat1"> </td>
<td> <input type="checkbox" name="econ" value="econ"> </td>
<td> <input type="checkbox" name="firstclass" value="firstclass"> </td>
<td> <input type="checkbox" name="goodseat" value="goodseat"> </td>
</tr>
<tr>
<td>Seat 4 <input type="checkbox" name="seat1" value="seat1"> </td>
<td> <input type="checkbox" name="econ" value="econ"> </td>
<td> <input type="checkbox" name="firstclass" value="firstclass"> </td>
<td> <input type="checkbox" name="goodseat" value="goodseat"> </td>
</tr>
<tr>
<td>Seat 5 <input type="checkbox" name="seat1" value="seat1"> </td>
<td> <input type="checkbox" name="econ" value="econ"> </td>
<td> <input type="checkbox" name="firstclass" value="firstclass"> </td>
<td> <input type="checkbox" name="goodseat" value="goodseat"> </td>
</tr>
</table>
<p>Total = $</p>
// what code do I create to so that it adds the ticket prices based on how many seats are selected.
<?php
$_SESSION["price"] = $array[3];
?>
<input type="submit" name="Add booking" value="Add_booking">
</form>
<table>
<td>
<form action="add_booking.php" method="get">
</td>
</table>
</body>
</head>
</html>
最佳答案
我想我了解您在说什么，并且我想您会用javascript做到这一点，也要使用单选按钮（我认为），隐藏的价格字段和readonly字段：
演示：
https://jsfiddle.net/h6aawjf0/
脚本：
$(document).ready(function(){
$(this).on('click','.clearit',function(e) {
e.preventDefault();
$('input[type=radio]').attr('checked',false);
$('input[name=total]').val('0');
});
$(this).on('change','input[type=radio]',function() {
var radioBtns = $('input[type=radio]');
var price = $('input[name=price]').val();
var sum = 0;
$.each(radioBtns,function(k,v) {
if($(v).is(":checked"))
sum += 1;
});
$('input[name=total]').val((sum*price));
});
});
</script>
<form action="Yourbookings.php" method="get">
<input type="hidden" name="price" value="120" />
<table>
<tr>
<td>Seat #</td>
<td>econ </td>
<td>firstclass</td>
<td>goodseat</td>
</tr>
<?php for($i=1; $i<5;$i++) { ?>
<tr>
<td>Seat <?php echo $i; ?>
<td><input type="radio" name="<?php echo $i; ?>" value="econ"></td>
<td><input type="radio" name="<?php echo $i; ?>" value="firstclass"></td>
<td><input type="radio" name="<?php echo $i; ?>" value="goodseat"></td>
</tr>
<?php } ?>
</table>
<input type="text" name="total" readonly value="0" />
<input type="submit" name="Add booking" value="Add_booking">
<input type="submit" class="clearit" value="CLEAR">
</form>
选择和提交后的输出将类似于：
Array (
[price] => 120
[1] => econ
[2] => firstclass
[3] => firstclass
[4] => econ
[total] => 480
[Add_booking] => Add_booking
)