Javascript Window.Location.Href=所选单选按钮值设置的变量

我有一套单选按钮：

<input type="radio" name="product" value="Apple"/>
<input type="radio" name="product" value="Orange"/>
<input type="radio" name="product" value="Grape"/>

下面的两个按钮将用户带到不同的位置

<button type="button" id="ButtonHERE">CLICK TO GO HERE</button>
<button type="button" id="ButtonTHERE">CLICK TO GO THERE</button>

点击此处进入
点击去那里

我想在按钮上放置一个onclick函数，这样当它被单击时，它会触发一个

window.location.href

函数，并转到

“shoppingcart.html？value”

，其中value是所选单选按钮的值

---

我可以在按钮的

onclick

内部执行此操作吗？还是应该在单击单选按钮时创建一个外部函数，它设置一个变量，然后将该变量加载到

“shoppingcart.html？value”

？

只需获取单选值并将其添加到url即可：

document.getElementById('ButtonTHERE').onclick = function () {
    var val = document.getElementsByName('product')[0].value;
    window.location = "shoppingcart.html?" + val;
};

---

是的，完全有可能。通过执行以下操作，可以在onclick事件中编写Javascript：

<button type="button" id="ButtonTHERE" onclick="javascript:window.location.href=('shoppingcart.html?'+document.querySelector('input[type=\'radio\'].product:checked').value)"> CLICK TO GO THERE </button>

点击去那里

通过添加javascript:，您可以在事件中执行常规javascript。

是的，您可以在单击按钮（无jQuery）的过程中执行所有操作：

点击这里
单击此处

您也可以通过以下方式进行操作：

点击这里
单击以查看生成的链接

文档。getElementsByName（'product'）[0]。值

将（显然）持续返回

Apple

，这不是op想要的。谢谢先生。工作得很有魅力！