Javascript 我需要创建一个多选项选择页面，其中每个选择都会增加或减少产品的价格

我刚开始学习编程语言，我已经知道HTML和CSS，我开始学习Javascript和PHP。我是一个非常初学者，所以请耐心等待我

我想问你以下问题：

if(document.getElementById('power1').checked) {
var1 + 100;}

我有一个页面，您可以选择不同的选项，我希望每个选项都能增加（或减少）产品价格的价值

我现在拥有的是不同的无线电输入。 我复制并粘贴我的代码：

                <li class="250W" >
                    <input type="radio" name="motorpower" id="power1"   class="motorpowerinput"/>
                    <label for="power1" class="powerlabel">Brushless DC Motor rated at 250W<br /> </label> 

                </li>

                 <li class="350W">
                    <input type="radio" name="motorpower" id="power2" class="motorpowerinput"/>
                    <label for="power2" class="powerlabel">Brushless DC Motor rated at 350W</label>

                </li>

                 <li class="500W">
                    <input type="radio" name="motorpower" id="power3" class="motorpowerinput"/>
                    <label for="power3" class="powerlabel">Brushless DC Motor rated at 500W</label>

                </li>

                <li class="750W">
                    <input type="radio" name="motorpower" id="power4" class="motorpowerinput"/>
                    <label for="power4" class="powerlabel">Brushless DC Motor rated at 750W</label>

                </li>

                <li class="1000W">
                    <input type="radio" name="motorpower" id="power5" class="motorpowerinput"/>
                    <label for="power5" class="powerlabel">Brushless DC Motor rated at 1000W</label>

                </li>

                </ul>

而且

if ('input[id=power1]:checked') {
var1 + 100;}

但他们都没有为我工作过

你能给我一个解决办法吗？而且，如果您认为使用PHP更好，我愿意接受任何解决方案

---

谢谢

首先要了解的是，javascript和HTML不会一直监视您的网页状态。他们只有在你打开页面时才会这样做

如果你想在页面加载后执行一些脚本，你必须触发它。这可以通过HTML中的“onclick”参数来实现。以您的代码为例：

  ...

   <li class="350W">
        <input type="radio" name="motorpower" id="power2" class="motorpowerinput"/>
        <label for="power2" class="powerlabel">Brushless DC Motor rated at 350W</label>
   </li>

  ...

。。。

额定功率为350W的无刷直流电动机

...

您可以将其更改为：

  ...

   <li class="350W">
        <input type="radio" name="motorpower" id="power2" class="motorpowerinput" onclick="<your javascript here>"/>
        <label for="power2" class="powerlabel">Brushless DC Motor rated at 350W</label>
   </li>

  ...

。。。

额定功率为350W的无刷直流电动机

...

注意Javascript和PHP之间的差异也很重要。Javascript都将在浏览器中执行，称为“客户端”。PHP是在服务器上执行的，大多数情况下在远程计算机上运行，称为“服务器端”

---

实际上，您现在使用的这些表单通常使用“提交”按钮（）向服务器发送请求。一般来说，您可以说您将使用Javascript来判断输入是否按照您想要的方式写入（例如，如果电话号码包含10位数字），并使用PHP来处理请求（将数据存储在数据库中）。

但是我尝试了，但没有将其添加到我的变量中。我在开始时有一个变量叫var1，然后，在我的代码中它说：function priceadd（）{var1+100；document.write（var1）；初始值继续！您正在谈论的变量周围的HTML代码是什么？Javascript有一个称为“作用域”的东西，它屏蔽了函数中使用的变量。如果您在onclick操作中使用名称“var1”，它会将其视为不起任何作用的某个值。您想链接到特定的屏幕顶部的“var1”。例如，如果为变量指定了id，请使用“document.getElementById（“”）”来执行此操作。要了解您正在执行的操作，请快速查看，您可能希望了解如何使用javascript更改页面上的值。