无法在 Firefox 中选择无线电输入的值，但可以在 chrome 中使用答案

【问题标题】：can't select value of radio input in firefox, but works in chrome无法在 Firefox 中选择无线电输入的值，但可以在 chrome 中使用
【发布时间】：2013-11-01 19:05:23
【问题描述】：

所以我使用以下内容来捕获选中的单选按钮的值，它在 Chrome 中运行良好，但在 Firefox 中我只是未定义为 Activity 值。

关于它可能是什么，或者我可以如何解决它的任何想法？

$("#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>

【问题讨论】：

如果你的标记完全一样，那就是无效的。并不是说修复它就能解决您的问题，但这是一个好的开始。
jsfiddle.net/PqRjS检查你的数据属性

标签： jquery google-chrome firefox

【解决方案1】：

应该是var Activity = $(':radio[name="group1"]:checked').val();

【讨论】：

【解决方案2】：

问题不在于您的单选按钮，错误是您身体上的数据属性检查它是否已定义，因为它说您的属性未定义

【讨论】：

OP 说未定义在 Activity var 中，而不是在 Competition var 中。
你在他的html中看到body标签了吗？提供的 html 似乎只是部分内容。
很可能是他对:radio 选择器的使用以及他的jquery 版本和firefox 版本。
但话说回来，你可能是对的。假设 OP 再次响应，只有时间会证明一切
大家好。似乎 :radio 选择器和 FF 是问题所在。

【解决方案3】：

如果您的活动未定义，请尝试以下操作：

var Activity = $('input[type="radio"][name="group1"]:checked').val();

这将检查类型为 radio 和名称为 group1 的输入，并检查然后获取值。

【讨论】：