javascript选择收音机

Question

我想查看所选的无线电输入是什么.

这是我的代码.

<input name="u_type" type="radio" value="staff" id="u_type" checked="checked" /> Staff
<input name="u_type" type="radio" value="admin" id="u_type" /> Admin
<input id="add_user" name="add_user" type="button" onclick="addUser();"  value="Add" class="submitButton admin_add" />

function addUser()
{
//how to check what is the selected radio input
}

谢谢.

Answer 1

function addUser() {
    //how to check what is the selected radio input
    alert(getCheckedRadioValue('u_type'));
}

function getCheckedRadioValue(name) {
    var elements = document.getElementsByName(name);

    for (var i=0, len=elements.length; i<len; ++i)
        if (elements[i].checked) return elements[i].value;
}

元素的ID必须不同.

Answer 2

要获取已检查单选按钮的值,不使用jQuery:

var radios = document.getElementsByName("u_type");
for(var i = 0; i < radios.length; i++) {
    if(radios[i].checked) selectedValue = radios[i].value;   
}

(假设这selectedValue是在其他地方声明的变量)

Answer 3

$('input[name=u_type]:checked').val()

将为您提供所选选项的值，您当然可以将其分配给变量。由于告诫，我还应该指出这是 jquery，一个方便的 javascript 库，用于简化 DOM 操作并具有出色的跨浏览器兼容性。可以在这里找到。