3个具有相同名称和相同数值的复选框

Question

Given this code:

<input type="checkbox" id="Coke" name="Price" value="70" />
<input type="checkbox" id="Fanta" name="Price" value="70" />
<input type="checkbox" id="Sprite" name="Price" value="70" />

I would like to know how, if my user selects Fanta checkbox, I want my php variable $type="Fanta" but I need form checkbox VALUES to stay NUMERIC for total price calculation.

Answer 1

It's not clear what exactly you're asking, but I believe you basically want 2 fields, one that defines the price and one that defines the selected type.

In that case, your best bet would be to store the prices server-side (That way people can't modify them too, which is good!). If you do this, your checkboxes will look like this:

<input type="checkbox" id="Coke" name="type[]" value="Coke" />
<input type="checkbox" id="Fanta" name="type[]" value="Fanta" />
<input type="checkbox" id="Sprite" name="type[]" value="Sprite" />

Your backend code would look like this:

 $prices = array(
     'Coke' => 70,
     'Fanta' => 70,
     'Sprite' => 70
 );

 $types = $_POST['type'];
 $total = 0;

 foreach($types as $key => $type) {
     if (!isset($prices[$type]))
         continue;

     $total += $prices[$type];
 }

 // Use $total as your total price for whatever calculation
 echo $total;

---

As per your comment, if you still want these prices client side for calculations, you can use json_encode to output it into a script tag and use the prices directly. It's basically going to turn the server-side prices array into a client-side array of prices.

<script type="text/javascript">
    var prices = <?= json_encode($prices) ?>;

    // Now you can use prices['Coke'] etc, based off the value of the selected checkbox.
</script>