URL 中的 Javascript 单选按钮值

Question

我已经阅读了几天的变体，但找不到我想要的可行解决方案。这可能比我想象的要容易。

我有一组单选按钮，想将选中的值传递给 URL 的一部分。

<input type="radio" name="link" value="one" checked="checked">One
<input type="radio" name="link" value="two">Two
<input type="radio" name="link" value="three">Three

而且我希望将选中的任何一个的值传递给一个变量，例如dt 然后传递给提交按钮，该按钮将您带到一个包含来自单选按钮的文本的 url。

<input type="button" value="OK" id="ok_button" onclick="parent.location='/testfolder/' + dt;>

但我正在努力寻找如何获得 var dt = document.getElementByName('link').value;当我尝试应用 for 循环以确保它已被检查时为我工作。

提交按钮中的 onclick='parent.location.... 是否需要在函数中而不是提交按钮的一部分？那么同样的函数可以抓取单选按钮的值吗？

所以我向 StackOverflowers 求助，希望能得到一些指导......谢谢

Answer 1

首先你想知道你的组合框对这个易于使用的在线工具有什么值(value)。

document.querySelector('[name="link"]:checked').value;

我建议使用事件处理程序来处理 javascript，因此不要将其写在 onclick 属性中。

 var btn = document.getElementById('ok_button');
 btn.addEventListener('click', function(){ /*handle validations here*/ })

jsfiddle