Question

我想创建像这样工作的价格更改按钮，

LINK：https://www.teamgate.com/pricing/

如果，有任何java脚本或任何东西请给我解决方案提前谢谢。

Answer 1

您没有展示任何尝试过的东西，这可以通过多种方式完成。只是展示我创建的一个小片段，其余的研究和编码取决于你。

jQuery(function() {
  $('.hash').click(function() {
    $('.price').html("€8.39");
    $('.price2').html("€10.06");
  });
});

jQuery(function() {
  $('.percent').click(function() {
    $('.price').html("£7.45");
    $('.price2').html("£8.93");
  });
});

div.price {
  width: 100px;
  height: 100px;
  border: 1px solid black;
  padding: 5px;
}

div.price2 {
  width: 100px;
  height: 100px;
  border: 1px solid black;
  padding: 5px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="price">$10</div>
<div class="price2">$12</div>
<button class="hash">Euro</button>
<button class="percent">Pound</button>

Answer 2

没有你的代码，我无法编写一个合适的解决方案，但是看看你给出的示例，我建议使用HTML DOM innerHTML属性。我将在这里留下文档的链接，这里有完美的解释。 LINK TO DOCUMENTATION

使用innerHTML，您可以随时根据需要更改特定元素的内容。希望这能帮到你！

我编码了一点snipet。告诉我，如果这是你想要的（使用表格或div）。

function doFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed!";
}

<!DOCTYPE html>
<html>
<body>
<input id="clickMe" type="button" value="clickme" onclick="doFunction();" />
<p id="demo">Click me to change my HTML content (innerHTML).</p>
</body>
</html>

如何在点击中更改定价表中的价格

2 个答案: