0

我是一名新手 Web 开发人员，我需要计算一些具有不同值的单选按钮的总和，然后将该结果传递给外部支付服务器。

这是其中一个单选按钮的样子：

<div class='container'>
<label for='p_board_rental' ><strong>Paddleboard Rental</strong> (limited amount available*: </label><br/>
<input type='radio' name='rental' value='0'/><label class="radio"> No</label><br/>
<input type='radio' name='rental' value='20'/><label class="radio"> Yes</label><br/>

我需要计算并显示最终结果，但我尝试了很多方法，但我无法让它正常工作！我能得到的最好的结果是总数应该出现的空框。

4

2 回答 2

1

这应该让你接近你想去的地方。只需遍历所有单选按钮，如果它被选中，如果它在数组中尚不存在，则将其推入数组中。然后最后计算总数并将其设置在文本框中。

可能有一些 jquery 函数可以使它更优雅一些。

var array = new Array();

$(":input[type='radio']", "#containerOfChoice").each(function () {
    if ($(this).is(':checked')) {
        var value = $(this).attr("value");
        if ($.inArray(value, array) == -1) {
            array.push(value);
        }
    }
})

var total = 0;
for (var i = 0; i < array.length; i++) {
    total += parseInt(array[i]);
}

$("#textBoxOfChoice").val(total);
于 2012-04-12T21:24:45.400 回答
1

如果您使用的是 jQuery，您可以执行以下操作：

function tallyValues(){
    var tally = 0;
    $('input:radio').each(function(){
        if($(this).is(':checked')){
         tally += parseInt($(this).val());
        }
    });
}

tally 将保存所选值的总和

于 2012-04-12T21:01:42.577 回答