javascript - 如何获取所选输入 radio 的索引

Question

我试图在单击按钮时获取所选输入单选的索引。所以，我使用点击功能。

$('id').click(function(){
    $('input[name="name"]').each(function(){
        if($(this).prop('checked') === 'checked'){
            ...
        }
    })
})

但是我发现输入radio的checked属性没有改变，实际上dom节点上根本没有'checked'属性。

那么，在通过 $.change() 方法读取输入 radio 之前，我是否必须在输入 radio 上设置 'checked' 属性？如果没有，那么如何获取已选择的输入单选的索引。

谢谢。

Answer 1

$('#btn').click(function(){
var index = $("input[name=radio]:checked").index();
$('#span').html(index)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type='radio' name='radio'>
<input type='radio' name='radio'>
<input type='radio' name='radio'>
<input type='radio' name='radio'>
<input type='radio' name='radio'>
<input type='button' value='click' id='btn'>
<span id='span'></span>

尝试这样