使用基于复选框和下拉选择的jQuery执行乘法
我需要根据用户选择下拉选项和选择注册表中的复选框项目来进行数学计算。使用基于复选框和下拉选择的jQuery执行乘法
我有一个下拉选项标记和“上市所需的类型”包含两个选项:
- 精选
- 标准(每区每月£10) (每区每月£25)
我们也有这样的下降下面3个复选框项目下降,这被标记为“哪个区域/地区你服务?”:
- 奥特林厄姆
- 硬朗
- 售
用户后,选择了从和他们的选择,“上市所需的类型”选项“哪个区域/地区你服务?”我想在提交按钮之前向他们显示总价。
计算是(“要求上市类型”)乘以数量(“哪个区域/地区你服务?”)
因此,如果用户选择“标准(每人每月面积10£ )“然后勾号全部 3复选框选项(Altrincham,Hale,Sale)我想显示一条消息,指出”总费用为每月30英镑“。这将是£结果10次3
如果用户选择“精选(每人每月面积£25)”,然后蜱任何 2复选框选项(奥特林厄姆,销售)我想显示一条消息,说“总成本是每月50英镑”。这将是英镑25的结果。2.
如果用户选择“精选(每月每英镑25英镑)”,然后勾号任何 1复选框选项(海尔)我想显示一条消息,说“总费用是每月25英镑“。这将是英镑25倍的结果。
我该如何解决这个问题?
感谢
你可以解决它是由具有功能读取你需要到不同的变量中的所有值的方式。
然后检查每个变量的期望值并相应地进行计算。 Yoy会将结果存储在另一个变量中。
最后,您将使用变量设置UI元素的值。
如何触发此功能?
它可以基于按下按钮,或者当一个元素的值被改变时完成。在第一种情况下,您将使用$()。click(function(){...}),并在第二种情况下使用$()。change(function(){...})。
要从您使用$()。val()的元素中获取值并将其设置为相同,但在函数(val(newValue))中传递一个值。
汇总:
$(document).ready(function(){
function doCalculations(){
var input1 = $(input1selector).val();
...
var result = 0;
if(){
...
result = ...;
}else if() {
...
result = ...;
}else{
...
result = ...;
}
$(uiOutputSelector).val(result);
};
$(calcButtonSelector).click(function(){
doCalculations();
});
});
你不关心它的城市进行了检查,只是有多少人。
您可以在每个复选框的三个复选框上聆听change
事件,您可以在计数被检查时递增计数,并在未检查时递减计数。
修改次数后,就可以调用会使总如果总和> 1或隐藏/删除的总价格,如果总为0
当然的功能,我不会写任何代码为你,因为我不知道你的标记是什么样的,以及你可能已经写了什么JavaScript代码。
你到目前为止尝试过什么? –
你需要自己**写代码**如果你有问题,你可以**发布你已经尝试过**的**清楚说明什么是不工作**并提供一个[最小,完整和可验证的示例](https://*.com/help/mcve)。我建议阅读[如何问](https://*.com/help/how-to-ask)一个很好的问题。 – George