单击单选按钮时更改变量的值[重复]答案

【问题标题】：changing the value of a variable when a radio button is clicked [duplicate]单击单选按钮时更改变量的值[重复]
【发布时间】：2016-06-07 15:35:45
【问题描述】：

我知道这可能非常简单，但我想不通。我只需要在单击单选按钮时更改变量“价格”的值并将其显示在页面。感谢您的帮助。

这是放在头部的

<script>
var price = 500;
if (document.getElementById('wifi').checked) {
price = price + 200;
}
</script>

这是放在html页面的正文中

<input type="radio" name="wifi_price" id="wifi" value="200">Wifi Price</input>
<script>document.write(price);</script>

【问题讨论】：

stackoverflow.com/a/13152970/3902127
没有像</input>这样的野兽

标签： javascript html if-statement radio-button

【解决方案1】：

您应该将价格变量存储在一个对象中，以便可以轻松访问和更新它。

<script>
window.onload = function(){
  var obj = {
    price: 500
  }
  var wifi = document.getElementById("wifi");
  wifi.addEventListener('click',function(){
    obj.price += parseFloat(wifi.value)
    // document.writeln(obj.price)
  })
}
</script>

【讨论】：

感谢您的帮助。它完全按照它的需要工作。

【解决方案2】：

<!DOCTYPE html>
<html>
        <head>
                <title>Checkbox Example</title>
                <meta name="viewport" content="width=device-width, initial-scale=1">
        </head>
        <body>
                <input type="radio" name="wifi_price" id="wifi" value="200">Wifi Price</input>
                <p id="priceP"></p>
                <script>
                        var priceP = document.getElementById('priceP');
                        priceP.innerHTML = "$100";
                        var wifi = document.getElementById('wifi');
                        wifi.addEventListener('click', function() {
                                var price = priceP.innerHTML.slice(1, priceP.innerHTML.length);
                                price = (price * 1) + 100;
                                priceP.innerHTML = "$" + price;
                        });
                </script>
        </body>
</html>

【讨论】：

对不起，我实际上把问题措辞错了，我才意识到。所以基本上我正在尝试做的事情我已经在网站上显示了一个数字，例如 100 美元，当我点击单选按钮时，我只需要将 100 美元更改为 200 美元
给您添麻烦了