checked状態のボタンが何個目かを取得したい

Question

前提・実現したいこと

jQueryで、
checked状態のボタンが何個目かを調べてconsoleに表示するスクリプトを書いたのですが、
なぜかindex番号が2の倍数で表示されます。

1個目のボタンがcheckedの場合 0
2個目のボタンがcheckedの場合 2
3個目のボタンがcheckedの場合 4
選択なしの場合は-1

この状況から、下記コードの場合だと
consoleのlog表示を0,1,2,3,4にしたいです。

該当のソースコード

<script src="https://code.jquery.com/jquery-3.6.0.slim.min.js" integrity="sha256-u7e5khyithlIdTpu22PHhENmPcRdFiHRjhAuHcs05RI=" crossorigin="anonymous"></script>

        <form class="main" method="POST">
            <input name="Genre" type="radio" class="select-button" id="select-button1" value="westernMovies"><label class="select-button-label" for="select-button1">洋画</label>
            <input name="Genre" type="radio" class="select-button" id="select-button2" value="japaneseMovies" checked><label class="select-button-label" for="select-button2">邦画</label>
            <input name="Genre" type="radio" class="select-button" id="select-button3" value="tvSeries"><label class="select-button-label" for="select-button3">TVシリーズ</label>
            <input name="Genre" type="radio" class="select-button" id="select-button4" value="AnimeSFX"><label class="select-button-label" for="select-button4">アニメ・特撮</label>
            <input name="Genre" type="radio" class="select-button" id="select-button5" value="variety"><label class="select-button-label" for="select-button5">バラエティ</label>
        </form>

<script>
    let forcusNum = $('input:radio[name="Genre"]:checked').index();
    console.log(forcusNum);
</script>

Answer 1

indexの考え方が違います

 <script>
$(function(){
  $('#chk').on('click',function(){
    var forcusNum = $('[name=Genre]').index($(':checked'));
    console.log(forcusNum);
  });
});
</script>
<form>
<label><input name="Genre" type="radio" value="aaa">A</label>
<label><input name="Genre" type="radio" value="bbb">B</label>
<label><input name="Genre" type="radio" value="ccc">C</label>
<label><input name="Genre" type="radio" value="ddd">D</label>
<label><input name="Genre" type="radio" value="eee">E</label><br>
<input type="button" id="chk" value="check">
<input type="reset" value="resett">
</form>

Comments

[minatonn]

ありがとうございます。
解決しました。

indexの考え方について研究したいと思います。