Question

我希望通过输入单选按钮值获得平均值我有一个3×10无线电场的表格，从1到10 现在我想计算平均值，所以你得到最终分数我使用文本字段，但我不知道如何选中单选按钮。

这是我的javascript：

$('.beoordeling').keyup(function () {

var total = 0,
    valid_labels = 0,
    average;

$('.beoordeling').each(function () {
    var val = parseInt($(this).val(), 10);
    if (!isNaN(val)) {
        valid_labels += 1;
        total += val;
    }
});

console.log(total)

average = total / valid_labels;
$('.eindstand').val(average);
});

我已经创建了一个jsfiddle，我现在拥有它。 http://jsfiddle.net/Q2MEq/

Answer 1

<强> Demo Fiddle

检查此代码。

$('.beoordeling').change(function () {

    var total = 0,
        valid_labels = 0,
        average;

    $('.beoordeling:checked').each(function () {
        var val = parseInt($(this).val(), 10);
        if (!isNaN(val)) {
            valid_labels += 1;
            total += val;
        }
    });

    console.log(total)

    average = total / valid_labels;
    $('.eindstand').val(average);
});

如果输入广播而非关键字，请使用change个事件。
使用:checked选择器仅获取选定的单选按钮。

Answer 2

为此，您需要使用具有不同radio属性的name按钮，或者不使用它们，然后您可以更改为：

    $(':radio').change(function () {
    var total = 0,
        valid_labels = 0,
        average;
    $(':checked').each(function () {
        var val = parseInt($(this).val(), 10);
        if (!isNaN(val)) {
            valid_labels += 1;
            total += val;
        }
    });
    console.log(total)
    average = total / valid_labels;
    $('.eindstand').val(average);
});

Demo

Answer 3

请检查

$('.beoordeling').keyup(function () {

    var total = 0,
        valid_labels = 0,
        average;

    $('.beoordeling').each(function () {
        var val = parseInt($(this).val(), 10);
        if (!isNaN(val)) {
            valid_labels += 1;
            total += val;
        }
    });

    console.log(total)

    average = total / valid_labels;
    $('.eindstand').val(average);
});

演示：JSFiddle

Answer 4

您可以使用＆＃34; .checked＆＃34;

确定是否选中了一个单选按钮。

document.getElementById("radio_1").checked

...如果选中该按钮将返回true，否则返回false。

从输入单选按钮获得平均值

4 个答案:

Demo