Question

我需要使用javascript

获取单选按钮的值

我有一个名为选择

的广播组

<input type="radio" name="selection" id="selection" value="allClients" checked="checked" />All Clients<br />
          <input type="radio" name="selection" id="selection1" value="dateRange" />Date Range between

我使用javascript

将值传递给另一个页面

onclick="do_action1('liveClickCampaigns','contract_type='+document.getElementById('contract_type').value+'&beginDate='+document.getElementById('beginDate').value+'&endDate='+document.getElementById('endDate').value+'&selection1='+document.getElementById('selection1').value+'&selection='+document.getElementById('selection').value,'content');" type="button">

document.getElementById（'selection'）。value需要获取值，但即使选择了第二个单选按钮，它仍然会给我第一个单选按钮的值。广播组不在表格中

Answer 1

使用：

function getRadioValue(name) {
    var group = document.getElementsByName(name);

    for (var i=0;i<group.length;i++) {
        if (group[i].checked) {
            return group[i].value;
        }
    }

    return '';
}

应用：

var selectedValue = getRadioValue('selection');

演示：

http://www.jsfiddle.net/tqQWT/

Answer 2

尽管Matt的解决方案完美无缺并解决了您的问题，但如果您经常查询DOM，我还建议您开始研究JavaScript库，如JQuery。

使用JQuery，您的解决方案是单行的：

var selectedValue = $("input[name=selection]:checked").val();

Answer 3

普通的javasript：

var selectedValue = document.querySelector('input[name=selection]:checked').value;

如何使用javascript获取单选按钮的值

3 个答案: