Question

因此，在我的客户的移动版登陆页面中，如果您在三个包装选项中查看（链接如下），您会看到每个包装中都有一个送货保护复选框。我现在需要自动检查这个，但是当它未经检查时，我需要直接在下面的总价格下降4.99美元。例如，顶级套餐说＆＃34;仅为149.94美元＆＃34;现在，但是当取消选中Shipping Protection复选框时，我需要它说'＃34;仅USD $ 144.95＆＃34;。我知道这将涉及javascript ...如果有人可以检查代码并告诉我最好的方法，那就太棒了！谢谢！

链接是：HERE

再次感谢！

Answer 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

如何选中复选框可以更改产品的价格

1 个答案: