如果選擇了變體，則產品頁面上產品價格下的動態文本

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>