javascript - 使用 JavaScript 更改部分 anchor 链接属性

Question

我试图在单击适当的单选按钮时更改 URL 的中间部分。

在三个购买链接中，每个链接代表一个金额。我将选择一种动物，然后单击我要花费的 3 个金额中的一个。我将如何更改所有 3 个 URL 的一部分？

我该怎么做呢？这些是单选按钮(使用 JavaScript):

<input type="radio" name="orderID" 
    value="-DOL&linkID=naib&url=https%3A//example.com/List%3FlinkID%3Dnaib"
    onclick="document.getElementById('editBTN').href=this.value">
    Dolphin
</input>
<input type="radio" name="orderID" 
    value="-SHK&linkID=naib&url=https%3A//example.com/List%3FlinkID%3Dnaib"
    onclick="document.getElementById('editBTN').href=""+this.value">
    Shark
</input>

以及购买链接(分别为 250 美元、100 美元和 50 美元):

<a id="editBTN" href="http://example.com/Info?ticketCode=%XX%3A%Q250">Purchase</a>
<a id="editBTN" href="http://example.com/Info?ticketCode=%XX%3A%Q100">Purchase</a>
<a id="editBTN" href="http://example.com/Info?ticketCode=%XX%3A%Q50">Purchase</a>

DOL 部分是唯一需要更改的部分。

Answer 1

如果您要将按钮上的 ID 重命名为唯一的，请创建一个函数:

<script type="text/javascript">
    function setAnimal(obj) {
        var baseURL="http://ev8.evenue.net/cgi-bin/ncommerce3/SEGetEventInfo?ticketCode=%3ANAIB%3A%3AAQ";
        document.getElementById('editBTN1').href=baseURL+"250&"+obj.value;
        document.getElementById('editBTN2').href=baseURL+"100&"+obj.value;
        document.getElementById('editBTN3').href=baseURL+"50&"+obj.value;
    }
</script>

然后，在单选按钮上执行:

onclick="setAnimal(this);"