如何在javascript中點擊某個按鈕點擊更改href的值

Question

我在一些網站上看到有兩個或三個按鈕，下面有一個框顯示鏈接或標籤。

當我點擊第一個按鈕，它會改變href屬性鏈接1. 當我點擊第二個按鈕，同樣的href屬性將自動更改爲鏈接2. 而同爲三個按鈕。

我想知道如何在我的網站上做到這一點。我有五種不同的產品，我希望客戶先選擇他們想要的產品，然後點擊訂購按鈕。訂單按鈕的鏈接應根據所做的選擇進行更改。

我看到這個網站上的此功能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/