如何使用jquery对所选选项的值进行求和?

前端之家收集整理的这篇文章主要介绍了如何使用jquery对所选选项的值进行求和?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
您好我有3个选择器,所有选择器都有一些带有一些值的选项,如何对所选选项的所有值求和?
  1. <select name='anch1'>
  2. <option value='10'>10 ++</option>
  3. <option value='20'>20 ++</option>
  4. <option value='30'>30 ++</option>
  5. <option value='40'>40 ++</option>
  6. <option value='50'>50 ++</option>
  7. </select>
  8.  
  9. <select name='anch2'>
  10. <option value='10'>10 ++</option>
  11. <option value='20'>20 ++</option>
  12. <option value='30'>30 ++</option>
  13. <option value='40'>40 ++</option>
  14. <option value='50'>50 ++</option>
  15. </select>
  16.  
  17. <select name='anch3'>
  18. <option value='10'>10 ++</option>
  19. <option value='20'>20 ++</option>
  20. <option value='30'>30 ++</option>
  21. <option value='40'>40 ++</option>
  22. <option value='50'>50 ++</option>
  23. </select>
  24.  
  25. <div>SUM OF SELECTED OPTIONS</div>

解决方法

  1. $('select').change(function(){
  2. var sum = 0;
  3. $('select :selected').each(function() {
  4. sum += Number($(this).val());
  5. });
  6. $("#sum").html(sum);
  7. });

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

猜你在找的jQuery相关文章