如何捕获所选的单选按钮值？

Question

我正在使用Jquery

这是我的HTML部分

<input type="radio" id="admin" value="admin"/>Admin<br>
<input type="radio" id="superadmin" value="superadmin"/>Super Admin<br>


$(document).ready(function() {
    var selecctedtype = '';
    if (document.getElementById('admin').checked) {
        selecctedtype = 'admin';
    }
    if (document.getElementById('superadmin').checked) {
        selecctedtype = 'superadmin';
    }
    alert(selecctedtype);
});

但我正在空洞警报

这是我的jsfiddle

http://jsfiddle.net/kua4tfhd/1/

有人可以告诉我如何抓住它吗？

Answer 1

警报为空，因为在执行脚本时没有选择任何内容。

1）。如果您希望您的单选按钮像单选按钮一样，则必须为它们指定相同的名称：

<input type="radio" name="role" id="admin" value="admin" /> Admin
<input type="radio" name="role" id="superadmin" value="superadmin" /> Super Admin

2）。然后您将绑定onchange事件以检测用户何时更改选择。要选择单选按钮，您可以使用例如特定名称选择器或/和:radio输入选择器：

$(':radio[name=role]').change(function() {
    alert(this.value);
});

3）。稍后当您想要获取所选值时，可以使用:checked选择器执行以下操作：

var role = $(':radio[name=role]:checked').val();

演示：http://jsfiddle.net/kua4tfhd/10/

Answer 2

你必须在点击事件中处理它：

HTML：

<input type="radio" id="admin" class="role" value="admin" />Admin
<br>
<input type="radio" id="superadmin" class="role" value="superadmin" />Super Admin
<br>

JQUERY：

$(document).ready(function () {

    $(".role").click(function () {

        alert($(this).val())
    });
});

Answer 3

试试这个......

$('input[name=radioName]:checked', '#myForm').val();

Reference..