Question

我希望使用jQuery添加多个选择选项的值以及复选框，但是有点卡住了。我的主要问题是我收到NaN作为我的综合答案。

我最初只是总结了有效的下拉菜单（示例可以在http://pure.evolvedublin.com/phone找到），但现在需要在混合中添加复选框（如http://pure.evolvedublin.com/broadband-phone所示）。

单击两个页面上的“开始”按钮时，值将可用。

我尝试使用jQuery checkbox and select - sum the values and add in var和jQuery update initial price on click on checkbox that has data-price attribute中找到的解决方案但未能让它们正常工作。

我的jsfiddle包含我的代码示例：http://jsfiddle.net/damienoneill2001/77Hhd/

我使用以下代码添加复选框，但只是没有正确：

jQuery('input:checkbox').change(function(){
    tot=0;
    jQuery('input:checkbox:checked').each(function(){
    tot+=parseFloat(jQuery(this).val());
});
tot+=parseFloat(document.getElementById("broadband_package").value)+parseFloat(document.getElementById("irish_mobile_package").value)+parseFloat(document.getElementById("intl_landline_package").value)+parseFloat(document.getElementById("intl_mob_package").value);
    jQuery('.cost-container').text(tot);
    jQuery('.cost-containerb').val(tot);
});

jQuery('.broad .irish_mob').change(function(){
    jQuery('input:checkbox').trigger('change');
});

当按下“添加”按钮时，值也应仅添加到总计。

谁能看到我哪里出错了？

Answer 1

首次检查时，以下值会返回undefined：

document.getElementById("intl_landline_package").value
document.getElementById("intl_mob_package").value

这是因为这些是div，而不是selects，所以value未定义。您需要遍历这些div中的复选框并单独添加它们的值。

总和复选框并一起选择选项

1 个答案: