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

时间:2014-05-16 14:33:27

标签: jquery checkbox sum options

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

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

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

我尝试使用jQuery checkbox and select - sum the values and add in varjQuery 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');
});

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

谁能看到我哪里出错了?

1 个答案:

答案 0 :(得分:1)

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

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

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