javascript - 从单选按钮的值选择中添加总和

Question

例如，单选按钮一 = 值 1，单选按钮二 = 值 2。

这是我的代码：

脚本文件：

<script type="text/javascript">


$(document).ready(function () {

    $("div[data-role='footer']").prepend('<a href="#" data-rel="back" data-icon="back">Back</a>');

    $(".Next").click(function () {

        $.mobile.changePage("#" + $("#Answer").val());
    });

    $("input[type=radio]").click(function () {
        var answer = $(this).val();
        $("#Answer").val(answer);

    });
    $('.Answer').live("click", function () {
        var NextQuestionID = $(this).attr('NextQuestionId');
        if (NextQuestionID == '') {
            location.href = "/Surveys/Index";
        }
        $("#survey").load('/Questions/GetQuestion', { Id: NextQuestionID }, function () {
            $('#answerInput').textinput();
            $(".Answer").button();
        });

    });
});

这是我的标记：

<input type="radio" name="Answer" id="radio-choice-1" value="Question2" />



     <input id="Answer" class="Answer" type="hidden" value="first" />
        <div class="innerspacer">
        <a href="" class="Next" data-theme="d" data-role="button">Next</a> 
</div>

如何将单选按钮分配为 1 到 4 的值并总结所有问题的值？

Answer 1

您的问题有很多内容，不清楚您想要什么。我猜测并假设您有 5 个单选按钮，并且您希望第 5 个单选按钮值是其他 4 个值的总和。那是对的吗？

这是一个这样做的例子：jsfiddle

HTML：

<div id="container">
    <label>
        <input type="radio" name="something" value="1">
        A?
    </label>
    <label>
        <input type="radio" name="something" value="3">
        B?
    </label>
    <label>
        <input type="radio" name="something" value="5">
        C?
    </label>
    <label>
        <input type="radio" name="something" value="">
        All?
    </label>
</div>

JavaScript：

$(document).ready(function() {
    var choices = $('input[name="something"]');
    var total = 0;
    choices.each(function() {
        var choice = $(this);
        var value = parseInt(choice.val(), 10);
        if (!isNaN(value)) {
            total += value;
        }
    });
    choices.filter(':last').val(total);
});

您需要根据您的 HTML 进行调整。