jquery – 如何强制添加而不是连接在javascript

前端之家收集整理的这篇文章主要介绍了jquery – 如何强制添加而不是连接在javascript前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > How to force JS to do math instead of putting two strings together7个答案我想添加所有的卡路里内容在我的javascript像这样:
  1. $(function() {
  2. var data = [];
  3.  
  4. $( "#draggable1" ).draggable();
  5. $( "#draggable2" ).draggable();
  6. $( "#draggable3" ).draggable();
  7.  
  8. $("#droppable_Box").droppable({
  9. drop: function(event,ui) {
  10. var currentId = $(ui.draggable).attr('id');
  11. var total = 0;
  12. data.push($(ui.draggable).attr('id'));
  13.  
  14. if(currentId == "draggable1"){
  15. var myInt1 = parseFloat($('#MealplanCalsPerServing1').val());
  16. }
  17. if(currentId == "draggable2"){
  18. var myInt2 = parseFloat($('#MealplanCalsPerServing2').val());
  19. }
  20. if(currentId == "draggable3"){
  21. var myInt3 = parseFloat($('#MealplanCalsPerServing3').val());
  22. }
  23. if ( typeof myInt1 === 'undefined' || !myInt1 ) {
  24. myInt1 = parseInt(0);
  25. }
  26. if ( typeof myInt2 === 'undefined' || !myInt2){
  27. myInt2 = parseInt(0);
  28. }
  29. if ( typeof myInt3 === 'undefined' || !myInt3){
  30. myInt3 = parseInt(0);
  31. }
  32. total = parseFloat(myInt1 + myInt2 + myInt3);
  33. $('#response').append(total);
  34. }
  35. });
  36. $('#myId').click(function(event) {
  37. $.post("process.PHP",({ id: data }),function(return_data,status) {
  38. alert(data);
  39. //alert(total);
  40. });
  41. });
  42. });

而不是添加变量,它们被连接起来。我试过使用parseInt,parseFloat和Number,但我仍然只是连接而不是添加。请在http://maureenmoore.com/momp_112412/121912_800.html查看来源

解决方法

您的代码连接三个字符串,然后将结果转换为一个数字。

您需要通过每个变量调用parseFloat()将每个变量转换为一个数字。

  1. total = parseFloat(myInt1) + parseFloat(myInt2) + parseFloat(myInt3);

猜你在找的jQuery相关文章