添加radiobutton值选择的总和

时间:2012-12-09 20:37:11

标签: javascript jquery javascript-events jquery-selectors

例如,radiobutton one = value 1,radiobutton two = value 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之间的值并总结所有问题的值?

1 个答案:

答案 0 :(得分:0)

你的问题还有很多,目前还不清楚你想要什么。我正在猜测并假设您有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进行调整。