点击输入类型显示价格="radio"？

Question

[带有可点击输入的产品列表][1] 我正在构建一个网上商店系统，我希望在产品页面上看到如果用户选择产品尺寸，价格将显示所选尺寸..

当我点击它时，只有最后显示的输入有效。

包含尺寸输入的产品列表：https://i.stack.imgur.com/Wo6Oq.png

    <?php
    $count = 0;
    foreach($original_array as $order_list){
        $count++;
        if($order_list['aantal'] == 0 || $order_list['aantal'] == ''){
            $disableValue = 'disable';
        }
        if($count == 2){
            $checked = 'checked=""';
        }
        ?>
        <div class="sc-item">
            <input type="radio" name="variatie_maat[]" value="<?=$order_list['maat'];?>" onclick="myFunction();" id="<?=$order_list['maat'];?>-maat" <?=$disableValue;?> <?=$checked;?>>
            <label for="<?=$order_list['maat'];?>-maat"><?=$order_list['maat'];?></label>
            <input style="display:none;" value="<?=$order_list['prijs'];?>" id="prijs-<?=$order_list['prijs'];?>" name="variatie_prijs[]">
        </div>
        <?php

        }
    ?>

<script>
// Here the value is stored in new variable x  
      function myFunction() { 
          var x =  
              document.getElementById("prijs-<?=$order_list['prijs'];?>").value; 

          document.getElementById( 
            "price").innerHTML = x; 
      } 

</script>
'''

Answer 1

试试这个。

<?php
$count = 0;
foreach($original_array as $order_list){
    $count++;
    if($order_list['aantal'] == 0 || $order_list['aantal'] == ''){
        $disableValue = 'disable';
    }
    if($count == 2){
        $checked = 'checked=""';
    }
    ?>
    <div class="sc-item">
        <input type="radio" name="variatie_maat[]" value="<?=$order_list['maat'];?>" onclick="myFunction('<?=$order_list['prijs'];?>');" id="<?=$order_list['maat'];?>-maat" <?=$disableValue;?> <?=$checked;?>>
        <label for="<?=$order_list['maat'];?>-maat"><?=$order_list['maat'];?></label>
        <input style="display:none;" value="<?=$order_list['prijs'];?>" id="prijs-<?=$order_list['prijs'];?>" name="variatie_prijs[]">
    </div>
    <?php

    }
?>

<script>
function myFunction(id) {
  var x = document.getElementById("prijs-" + id).value;
  document.getElementById("price").innerHTML = x;
}
</script>

点击输入类型显示价格="radio"？

Showing price on click input type="radio"?

javascript

php

product

webshop