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

我想要将检查的任何一个的值传递给变量，例如然后传递给“提交”按钮，该按钮会将您带到包含单选按钮文本的URL。

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

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

我的onclick =＆＃39; 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

var dt = document.getElementsByName('link')[0].value适合我

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

中使用它

Answer 3

你可以尝试下面的代码

<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 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然后循环通过单选按钮。循环时查看是否选中了单选按钮。这是一个起点。

URL中的Javascript单选按钮值

4 个答案:

jsfiddle