如何使选中的复选框更改我的产品价格

【问题标题】：How to make a selected checkbox change the price of my product如何使选中的复选框更改我的产品价格
【发布时间】：2014-11-25 08:37:23
【问题描述】：

因此，在我的客户的这个移动版登录页面中，如果您查看（下面的链接）三个包裹选项，您会发现每个选项中都有一个运输保护复选框。我需要像现在一样自动检查它，但是当它未被选中时，我需要直接在下面的总价格下降 4.99 美元。例如，顶部包裹现在显示“仅 149.94 美元”，但当未选中“运输保护”复选框时，我需要它说“仅 144.95 美元”。我知道这将涉及 javascript……如果有人可以检查代码并告诉我最好的方法，那就太棒了！谢谢！

链接是：HERE

再次感谢！

【问题讨论】：

自己尝试一下，如果您对实际代码有任何实际问题，请回来。并在下一个问题之前阅读规则。

标签： javascript html checkbox

【解决方案1】：

由于您没有要显示的代码，这里只有一些虚拟代码：

Javascript：

 var check = document.getElementById('check');
    check.addEventListener('click', function() {
        if (!check.checked) {
             var test = parseFloat(document.getElementById('test').innerHTML);
             document.getElementById('test').innerHTML = (test - 4.99).toFixed(2);
            }
        else {
            var test = parseFloat(document.getElementById('test').innerHTML);
            document.getElementById('test').innerHTML = (test + 4.99).toFixed(2); }
    });

HTML：

<div id="test">144.95</div>
<input type="checkbox" name="check" id="check" checked />

DEMO

【讨论】：