Сделайте несколько добавлений с несколькими входными значениями Javascript - PullRequest
Новая
       42

Сделайте несколько добавлений с несколькими входными значениями Javascript

0 голосов
/ 05 августа 2020

Я создаю много чисел внутри div. Каждый раз, когда кто-то нажимает номер, я хочу добавить его в другой div. Позвольте мне пояснить некоторые примеры:

Когда пользователь нажимает на класс add, значение .addcop должно быть добавлено к значению .totalyHide. Это означает, что значение должно измениться на 12.

Когда я нажимаю на .add2, значение должно быть добавлено к 12, поэтому значение .totalyhide становится 32.80.

и другие условия, если я нажму первый + и второй +, они должны быть добавлены вместе в Годовой цене. Надеюсь, вы понимаете, что я пытаюсь сделать. 

$('.add').click(function() {
  $('.addcop').click();
  var dp = $(".addcop").val();
  var total = $(".totalyHide").val();
  var bigTotal = parseFloat(total) + parseFloat(dp);
  $(".totaly").val("$" + bigTotal);
});
$('.add2').click(function() {
  $('.procurement').click();
  var procurement = $(".procurement").val();
  var total = $(".totalyHide").val();
  var bigTotal = parseFloat(total) + parseFloat(procurement);
  $(".totaly").val("$" + bigTotal);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<div class="box box6">
  <div class="titlet">work on it
    <hr>
  </div>
  <div class="explain">to help you better</div>
  <div class="money">
    <p class="me">$12 Yearly</p><i class="add fas fa-plus-square fa-2x"></i></div>
  <input type="text" name="content" class="addcop" style="display: none;" value="12">
</div>
<div class="box box5">
  <div class="titlet">Procurement
    <hr>
  </div>
  <div class="explain"></div>
  <div class="money">
    <p class="me">$20.80 Yearly</p><i class="add2 fas fa-plus-square fa-2x"></i></div>
  <input type="text" class="procurement" style="display: none;" value="20.80">
</div>
<div class="box box8">
  <div class="total">Your First Deposit will be: <input class="total1" type="button" value="$546"></div>
  <input type="text" class="totalHide" style="display: none;" value="546">
  <div class="total">Yearly Price: <input onchange="myFunction()" class="totaly" type="button" value="$0"></div>
  <input type="text" class="totalyHide" style="display: none;" value="0">
  <div class="total">On-off Price: <input class="total" type="button" value="$546"></div>
  <input type="text" class="total" style="display: none;" value="546">
</div>

1 Ответ

1 голос
/ 05 августа 2020

Есть небольшая проблема с кодом JQuery, который вы написали. Вы можете добавить следующие изменения, чтобы получить желаемый результат. 

$('.add').click(function() {
  $('.addcop').click();
  var dp = $(".addcop").val();
  var total = $(".totalyHide").val();
  var bigTotal = parseFloat(total) + parseFloat(dp);
  $(".totalyHide").val(bigTotal); // Add this line here
  $(".totaly").val("$" + bigTotal);
});
$('.add2').click(function() {
  $('.procurement').click();
  var procurement = $(".procurement").val();
  var total = $(".totalyHide").val();
  var bigTotal = parseFloat(total) + parseFloat(procurement);
  $(".totalyHide").val(bigTotal); // Add this line here
  $(".totaly").val("$" + bigTotal);
});

Здесь следует отметить, что всякий раз, когда вы вычисляете общую сумму, вам придется установить ее на $ (". TotalyHide" ), чтобы вы могли прочитать обновленное значение при следующем щелчке.

...