如何使用 jquery 对所选选项的值求和? [英] how to sum values of selected options using jquery?

问题描述

您好，我有 3 个选择器，所有选择器都有一些带有一些值的选项，如何对所选选项的所有值求和?

Hello i have 3 selectors , all selectors have some options with some values , how to sum all values of selected options ?

<select name='anch1'>
 <option value='10'>10 ++</option>
 <option value='20'>20 ++</option>
 <option value='30'>30 ++</option>
 <option value='40'>40 ++</option>
 <option value='50'>50 ++</option>
</select>

<select name='anch2'>
 <option value='10'>10 ++</option>
 <option value='20'>20 ++</option>
 <option value='30'>30 ++</option>
 <option value='40'>40 ++</option>
 <option value='50'>50 ++</option>
</select>

<select name='anch3'>
 <option value='10'>10 ++</option>
 <option value='20'>20 ++</option>
 <option value='30'>30 ++</option>
 <option value='40'>40 ++</option>
 <option value='50'>50 ++</option>
</select>

<div>SUM OF SELECTED OPTIONS</div>

推荐答案

$('select').change(function(){
    var sum = 0;
    $('select :selected').each(function() {
        sum += Number($(this).val());
    });
     $("#sum").html(sum);
});

http://jsfiddle.net/8mnQR/1/

这篇关于如何使用 jquery 对所选选项的值求和?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！