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

首先你想知道你的组合框在这个易于使用的在线工具中的价值。

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

我建议使用事件处理器来处理 javascript，所以不要写在 onclick 属性中。

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

jsfiddle

Answer 2

你可以试试下面的代码

<input type="button" value="OK" id="ok_button" onclick="functionName();'>

JavaScript 代码

        <script type="javascript">
function functionName(){
    var radios = document.getElementsByName('link'), 
        value  = '';

    for (var i = radios.length; i--;) {
        if (radios[i].checked) {
            value = radios[i].value;
            break;
        }
    }

             window.location.href='/testfolder/'+ value   
        }
        </script>

Answer 3

var dt = document.getElementsByName('link')[0].value 为我工作

您可以在内联 onclick 处理程序或您定义的函数中使用它

Answer 4

<input type="radio" id="1" name="link" onchange="WhatToDo()" value="one">One</input>
<input type="radio" id="2" name="link" onchange="WhatToDo()" value="two">Two</input>
<input type="radio" id="3" name="link" onchange="WhatToDo()" value="three">Three</input>


<script type="text/javascript">
function WhatToDo() {
   var rButtons = document.getElementsByName('link');
for (var i = 0; i < rButtons.length; i++) {
    if (rButtons[i].checked) { 
        alert(rButtons[i].value);
    }     
  }
}
</script>

也许是这样的。使用 onchange 然后遍历您的单选按钮。循环查看是否选中了单选按钮。这是一个起点。