如果选择了变体，则产品页面上产品价格下的动态文本

Question

如果未选择变体，如何在产品页面上的产品价格下创建文本 A。 选择变体后，我想要另一个文本 B。确切地说：文本 A：包括。 免增值税高级送货文本 B：包括。 增值税 + 免费高级送货（黑色和粗体）。

文宜go下价格。

非常感谢你。

Answer 1

您可以使用 javascript 示例来做到这一点：

 function AddTVA(){ var checkBox = document.getElementById("myCheck"); var text = document.getElementById("text"); if (checkBox.checked == true){ document.getElementById("price").innerHTML = "12.00"; } else { document.getElementById("price").innerHTML = "10.00"; } }

 <div> <h2>Product name</h2> <p><span id="price">10.00</span>$</p> <input type="checkbox" id="myCheck" onclick="AddTVA()"/> <label for="myCheck">Add TVA</label> </div>