如何使選中的複選框更改我的產品的價格

-2

因此，在我的客戶的着陸頁的此移動版本中，如果您在三個包選項中看到（鏈接在下面），您會看到每個其中的航運保護複選框。我需要這個自動檢查，因爲它現在是，但是當它沒有被選中時，我需要直接在下面的總價格下降4.99美元。因此，例如，頂級套件現在說「僅$ 149.94美元」，但是當「運輸保護」複選框未選中時，我需要它說「僅$ 144.95美元」。我知道這將涉及JavaScript ...如果任何人都可以檢查代碼並告訴我最好的方法，那就太棒了！謝謝！如何使選中的複選框更改我的產品的價格

的鏈接是：HERE

再次感謝！

來源

2014-11-25 Justin Rogers

自己嘗試一下，如果您對實際代碼有任何實際問題，請回來。在你的下一個問題之前閱讀規則。 – 2014-11-25 00:25:44

當你沒有任何代碼來顯示，這裏只有一些dummycode：

的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

來源

2014-11-25 00:37:23 baao

如何使選中的複選框更改我的產品的價格

回答

相關問題