javascript - 所选项目不合计-6ren

javascript - 所选项目不合计

转载作者：行者123 更新时间：2023-11-30 20:09:55

卡住了。在控制台中，每个选定的项目都显示为 number，但是当我想通过单击 #btnCalculate 对它们求和时，结果始终是 0。只有 loan_car 和 casco_v 合计为 number。我猜，这个错误是在 gap_v 的情况下犯的，ns_v 和 tpl_v 可能是 string。修复它的简单方法是什么？欣赏你的值(value)

$(function() {

  $("input[class=input1]").keyup(function() {

    var sum1 = Number($("#carPrice").val());
    var sum2 = Number($("#deposit").val());

    $("#carLoan").val(sum1 - sum2);
  });

  $("#gapList").change(function() {

    var gap_value = $(this).val();
    var gap_result_value = $("#gapListResult").val();
    var $car_cost = $("#carPrice").val();
    var $gap_amount_one = Number(0.010);
    var $gap_amount_two = Number(0.020);
    var $gap_amount_three = Number(0.030);
    var $gap_result_one = function() {
      return Number($car_cost * $gap_amount_one)
    };
    var $gap_result_two = function() {
      return $car_cost * $gap_amount_two
    };
    var $gap_result_three = function() {
      return $car_cost * $gap_amount_three
    };

    if (gap_value == "1") {
      gap_result_value = $gap_result_one();
    } else if (gap_value == "2") {
      gap_result_value = $gap_result_two();
    } else if (gap_value == "3") {
      gap_result_value = $gap_result_three();
    } else {
      gap_result_value = Number(0);
    }
    console.log(gap_result_value);
  }); // works


  $("#nsList").change(function() {

    var ns_value = $(this).val();
    var ns_result_value = $("nsListResult").html();

    if (ns_value == "1") {
      ns_result_value = Number(500);
    } else if (ns_value == "2") {
      ns_result_value = Number(1000);
    } else if (ns_value == "3") {
      ns_result_value = Number(1500);
    } else {
      ns_result_value = Number(0);
    }

    console.log(ns_result_value);

  }); // works


  $("#btnReload").click(function() {
    window.location.reload();
  });

  $("#btnCalculate").click(function() {

    var loan_car = parseFloat($("#carLoan").val()) || 0; // works
    var casco_v = parseFloat($("#costCasco").val()) || 0; // works
    var gap_v = parseFloat($("#gapListResult").val()) || 0; // doesn't work
    var ns_v = parseFloat($("#nsListResult").val()) || 0; // doesn't work
    var tpl_v = parseFloat($("#tplListResult").val()) || 0; // doesn't work

    var loan_sum = loan_car + casco_v + gap_v +
      ns_v + tpl_v;


    $("#totalLoanResult").html(loan_sum);
    console.log(loan_sum);
  });


});

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


</head>

<body>

  <div class="tablet">

    <input type="text" class="input1" id="carPrice"> Sum1
    <input type="text" class="input1" id="deposit"> Sum2
    <input type="text" class="result" style="display:none" id="carLoan">

    <div id="application2">
      <input type="text" class="input2 result" id="costCasco"> Sum3
    </div>

    <select class="dropdown1" id="gapList">
      <option value="0">0 </option>
      <option value="1"> 1y</option>
      <option value="2"> 2y</option>
      <option value="3"> 3y</option>
    </select>

    <input type="text" class="result" id="gapListResult" style="display:none">


    <select class="dropdown1" id="nsList">
      <option value="0"> 0 </option>
      <option value="1"> 1 y</option>
      <option value="2"> 2 y</option>
      <option value="3"> 3 y</option>
    </select>
    <div class="result" style="display:none" id="nsListResult"></div>



    <button type="button" id="btnCalculate"> Calc  </button>

    <button type="button" id="btnReload"> Reload </button>


  </div>

  <div id="totalLoanResult">Result:</div>

最佳答案

首先，gap_result_value和ns_result_value是局部变量。

$("#gapList").change(function() {
    var gap_value = $(this).val();
    var gap_result_value = $("#gapListResult").val();
    console.log(gap_result_value);
}); // works

其他地方不能使用gap_result_value。这就是您在控制台中看到正确数字的原因。

其次，如果您更改 gap_result_value 的值，此更改不会影响#gapListResult；

$("#btnCalculate").click(function() {
    var gap_v = parseFloat($("#gapListResult").val()) || 0; // doesn't work

    var loan_sum = loan_car + casco_v + gap_v +ns_v + tpl_v;

    $("#totalLoanResult").html(loan_sum);
});

这就是为什么不起作用。 #gapListResult 没有值

试试这个:插入 $("#gapListResult").val(gap_result_value);最后在 $("#gapList").change(function() {} 里面。插入 $("#nsListResult").val(ns_result_value);里面 $("#nsList").change(function() {}在最后。

而且你在这里还漏掉了#:var ns_result_value = $("nsListResult").html();

$(function() {

  $("input[class=input1]").keyup(function() {

    var sum1 = Number($("#carPrice").val());
    var sum2 = Number($("#deposit").val());

    $("#carLoan").val(sum1 - sum2);
  });

  $("#gapList").change(function() {

    var gap_value = $(this).val();
    var gap_result_value = $("#gapListResult").val();
    var $car_cost = $("#carPrice").val();
    var $gap_amount_one = Number(0.010);
    var $gap_amount_two = Number(0.020);
    var $gap_amount_three = Number(0.030);
    var $gap_result_one = function() {
      return Number($car_cost * $gap_amount_one)
    };
    var $gap_result_two = function() {
      return $car_cost * $gap_amount_two
    };
    var $gap_result_three = function() {
      return $car_cost * $gap_amount_three
    };

    if (gap_value == "1") {
      gap_result_value = $gap_result_one();
    } else if (gap_value == "2") {
      gap_result_value = $gap_result_two();
    } else if (gap_value == "3") {
      gap_result_value = $gap_result_three();
    } else {
      gap_result_value = Number(0);
    }
    console.log(gap_result_value);
    $("#gapListResult").val(gap_result_value); //******
  }); // works


  $("#nsList").change(function() {

    var ns_value = $(this).val();
    var ns_result_value = $("#nsListResult").html(); //******

    if (ns_value == "1") {
      ns_result_value = Number(500);
    } else if (ns_value == "2") {
      ns_result_value = Number(1000);
    } else if (ns_value == "3") {
      ns_result_value = Number(1500);
    } else {
      ns_result_value = Number(0);
    }

    console.log(ns_result_value);
    $("#nsListResult").val(ns_result_value); //******
  }); // works


  $("#btnReload").click(function() {
    window.location.reload();
  });

  $("#btnCalculate").click(function() {

    var loan_car = parseFloat($("#carLoan").val()) || 0; // works
    var casco_v = parseFloat($("#costCasco").val()) || 0; // works
    var gap_v = parseFloat($("#gapListResult").val()) || 0; // doesn't work
    var ns_v = parseFloat($("#nsListResult").val()) || 0; // doesn't work
    var tpl_v = parseFloat($("#tplListResult").val()) || 0; // doesn't work

    var loan_sum = loan_car + casco_v + gap_v +
      ns_v + tpl_v;


    $("#totalLoanResult").html(loan_sum);
    console.log(loan_sum);
  });


});

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


</head>

<body>

  <div class="tablet">

    <input type="text" class="input1" id="carPrice"> Sum1
    <input type="text" class="input1" id="deposit"> Sum2
    <input type="text" class="result" style="display:none" id="carLoan">

    <div id="application2">
      <input type="text" class="input2 result" id="costCasco"> Sum3
    </div>

    <select class="dropdown1" id="gapList">
      <option value="0">0 </option>
      <option value="1"> 1y</option>
      <option value="2"> 2y</option>
      <option value="3"> 3y</option>
    </select>

    <input type="text" class="result" id="gapListResult" style="display:none">


    <select class="dropdown1" id="nsList">
      <option value="0"> 0 </option>
      <option value="1"> 1 y</option>
      <option value="2"> 2 y</option>
      <option value="3"> 3 y</option>
    </select>
    <div class="result" style="display:none" id="nsListResult"></div>



    <button type="button" id="btnCalculate"> Calc  </button>

    <button type="button" id="btnReload"> Reload </button>


  </div>

  <div id="totalLoanResult">Result:</div>

关于javascript - 所选项目不合计，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52516363/

文章推荐： c# - 如何创建可以迭代的类集合？

文章推荐： javascript - $.addClass 不会立即更新 DOM 吗？

文章推荐： c - C 程序读取文件并转换其字符会产生双重释放或损坏错误

mongodb - 两个 $Geonear 合计 Mongo
该集合有两个地理字段:fromLocation 和 toLocation。但只允许使用一个 Geonear。该集合看起来像: ............... fromLocation: {
r - 合计 : sum not meaningful for factors
我正在尝试一些应该很简单的事情，非常欢迎任何关于正在发生的事情的提示。我有一个大型数据框，其中包含从某些城市进口的国家/地区。对于某些国家/地区，我有 2 个条目。我想总结每个城市的进口量，并为每个
用SQL实现统计报表中的＂小计＂与＂合计＂的方法详解
客户提出需求，针对某一列分组加上小计，合计汇总。网上找了一些有关SQL加合计的语句。都不是很理想。决定自己动手写。思路有三个： 1.很多用GROUPPING和ROLLUP来实现。优
html - 占 margin 的百分比？合计 100%
想要制作一个看起来像这样的网格，其中 div/section 以百分比表示。 margin 在任何地方都是一样的。 http://www.ladda-upp.se/bilder/giefekcmgwm

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 所选项目不合计