jquery - Firefox では無線入力の値を選択できませんが、Chrome では機能します

Question

そのため、次を使用して、チェックされているラジオ ボタンの値をキャプチャします。Chrome では正常に動作しますが、Firefox ではアクティビティ値として未定義になります。

それが何であるか、またはどのように修正できるかについてのアイデアはありますか?

$("#registerResultsButton").click(function () {
    var Competition = $("body").attr("data-competitionId");
    var Activity = $('input:radio[name=group1]:checked').val();
    console.log(Competition + Activity);
});

HTML は次のようになります。

        <input type="radio" name="group1" value="1101" data-toggle="radio"> meetings taken (5 points)
        <label class="radio">
            <span class="icons">
                <span class="first-icon fui-radio-unchecked"></span>
                <span class="second-icon fui-radio-checked"></span>
            </span>
            <input type="radio" name="group1" value="1111" data-toggle="radio"> closed restaurants (50 points)     
        </label>
        <label class="radio">
            <span class="icons">
                <span class="first-icon fui-radio-unchecked"></span>
                <span class="second-icon fui-radio-checked"></span>
            </span>
            <input type="radio" name="group1" value="1121" data-toggle="radio"> upsell (100 points)
        </label>
    </div>
</div>

Answer 1

問題はラジオボタンではありません。エラーは、属性が未定義であると表示されているため、定義されているかどうかを確認するボディチェックのデータ属性です

Answer 2

そのはずvar Activity = $(':radio[name="group1"]:checked').val();