使用复选框计算总计并选择下拉列表

时间:2015-11-03 16:54:01

标签: javascript jquery html checkbox

有没有人知道以包格式格式计算复选框/选择值总数的最佳方法?

例如:

我选择50英镑的网站,总计50英镑 我选择15英镑的标识,现在总共65英镑 我从下拉列表中选择2个许可证(每个5英镑),总计现在是75英镑

到目前为止我有这个小提琴:https://jsfiddle.net/ctvgqq0h/它具有我之后的复选框功能,但我在选择选项障碍时失败了。

$('select#office').change(function() {
    var number = $(this).find('option:selected').text();
    //alert(number);
    add += number;
});

有人能指出我正确的方向吗?我已经了解了各种资源。

1 个答案:

答案 0 :(得分:0)

您与已经到达的地方非常接近,只需要做几件事。

首先,当您检查检查功能内部下拉值的同时,您不需要将其包装在change事件本身中,只需通过元素onchange属性就像你为复选框所做的那样。

其次,您不需要$(this).find()因为它在错误的范围内,您可以使用$('option:selected')

第三个(!),你从下拉列表中获得的值将是一个需要解析为int的字符串,这可以在javascript中捕获你,因为它经常会尝试将数字解析为基数8而不是基地10。

然后,您只需要在添加之前将下拉列表中的值乘以成本。

所有这一切看起来都像这样。

    var number = $('option:selected').text();
    add += parseInt(number,10) * 5.00

我还建议在下拉列表的顶部添加一个0值,以避免任何特殊行为。

Heres an updated fiddle