Question

我在某些网站上看到有两个或三个按钮，下面有一个显示链接或标签的框。

当我点击第一个按钮时，它会将href属性更改为链接1。当我单击第二个按钮时，相同的href属性将自动更改为链接2。对于按钮3也一样。

我想知道如何在我的网站上执行此操作。我有五种不同的产品，我希望客户先选择他们想要的产品，然后点击订购按钮。订单按钮的链接应根据所做的选择进行更改。

我在这个网站上看到了这个功能https://www.webxen.com/

请帮帮我，我不知道应该问什么。如果有关于此的教程或其他内容，请分享，或帮助我开发此内容。

非常感谢你。

Answer 1

您的问题似乎是如何更改href属性。这与更改每个属性相同。

假设您有以下元素：

<a id="link" href="link1"><p>Link</p></a>

您只需使用

更改href标记即可

document.getElementById("link").href = "link2"

下次提问时，请尝试提供一些代码或fiddle

Answer 2

这可能看起来像你在寻找：

<a id="link" href="link"><p>Link</p></a>

<button id="button1">Button 1</button>
<button id="button2">Button 2</button>

$('#button1').on('click', function(){

    $('#link').attr('href','link1');


});

$('#button2').on('click', function(){

    $('#link').attr('href','link2');


});

https://jsfiddle.net/mvhfc8jh/

如何在javascript中点击某些按钮点击href的值

2 个答案: