我在某些网站上看到有两个或三个按钮,下面有一个显示链接或标签的框。
当我点击第一个按钮时,它会将href属性更改为链接1。 当我单击第二个按钮时,相同的href属性将自动更改为链接2。 对于按钮3也一样。
我想知道如何在我的网站上执行此操作。我有五种不同的产品,我希望客户先选择他们想要的产品,然后点击订购按钮。订单按钮的链接应根据所做的选择进行更改。
我在这个网站上看到了这个功能https://www.webxen.com/
请帮帮我,我不知道应该问什么。如果有关于此的教程或其他内容,请分享,或帮助我开发此内容。
非常感谢你。
答案 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');
});