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

时间:2016-05-15 21:14:10

标签: javascript

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

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

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

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

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

非常感谢你。

2 个答案:

答案 0 :(得分:0)

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

假设您有以下元素:

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

您只需使用

更改href标记即可
document.getElementById("link").href = "link2"

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

答案 1 :(得分:0)

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

<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/