javascript - 如何通过名称获取所有单选按钮 ID

Question

我想拥有同名的单选按钮的所有 id

我试过用这个

<input type="radio" name="user" id="Jason" value="Jason11">
<input type="radio" name="user" id="Adam"  value="Adam11">

var names= $('input[type=radio][name="user"]').attr('id')
console.log(names)

但这仅显示第一个 id

有没有办法显示两个ID？

标签： javascriptjqueryhtml

Answer 1

使用each()迭代。

var names = [];
$('input[type=radio][name=user]').each(function(i, elm) {
     names.push($(elm).prop('id'))
})
console.log(names)

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<input type="radio" name="user" id="Jason" value="Jason11">
<input type="radio" name="user" id="Adam"  value="Adam11">

更新：

根据您的评论，如果您想获取第 n 个元素的 ID，则可以使用eq(n - 1)函数。获取第二个元素 ID 的示例代码：

var name = $('input[type=radio][name=user]:eq(1)').prop('id')
console.log(name);