Get the current radio element index?

Question

when i'm iterating a collection of inputs, how can I get the current radio index if the input is part of a group of radios?

$('input').each(function(){

  if($(this).is(':radio')){
    // here get the index of the radio in the radio group,
    // like 1, 2, 3 etc... 
  }


});

The index should be relative to the radio group, no the entire collection of input elements.

The group is determined by the input name (inputs having the same name).

Wouldn't `$('input:radio').each` be better than `$('input').each`? — j08691, Mar 30 '12 at 15:27
@j08691 Only if you're only interested in radio inputs in the iteration, which may not be the case. — Anthony Grist, Mar 30 '12 at 15:37

score 4 · Accepted Answer · answered Mar 30 '12 at 15:36

To find the position of the radio within the group defined by the radio's name attribute:

$('input:radio').each(
    function(){
        console.log($(this).index('[name="' + this.name + '"]'));
    });

JS Fiddle proof of concept.

References:

score 2 · Answer 2 · edited May 23 '17 at 11:49

2

$('input:radio').each(function(el, i){
    //i is your index
});

Update: I found this as well for finding the selected value of a radio group. How can I know which radio button is selected via jQuery?

edited May 23 '17 at 11:49

Community

1
1

answered Mar 30 '12 at 15:25

Joe

6,401
3
28
32

+1, better answer than mine. You learn something new every day :-) – Lior Cohen Mar 30 '12 at 15:26
1

I'm not positive this actually answers the question. – Anthony Grist Mar 30 '12 at 15:27
@LiorCohen It's definitely valid syntax, but it doesn't take into affect grouping of radio elements, which is what the question asks for. – Anthony Grist Mar 30 '12 at 15:31
@AnthonyGrist: gotcha. Well, no HTML means this answer would have to be a bit generic. A good point nevertheless. – Lior Cohen Mar 30 '12 at 15:33
@LiorCohen I'd say there's a world of difference between "a bit generic" and "doesn't answer the question at all". The question is answerable without HTML, just see David Thomas's answer. – Anthony Grist Mar 30 '12 at 15:41

score 1 · Answer 3 · answered Mar 30 '12 at 15:24

1

var inputs = $('input');

inputs.each(function()
{
  if ($(this).is(':radio')) {
    console.log(inputs.index(this));
  }
});

answered Mar 30 '12 at 15:24

Lior Cohen

8,985
2
29
27

Get the current radio element index?

3 Answers3