0

нету кода, к сожалению, не могу понять, следующее: вот допустим есть два поля: бюджет и аванс, необходимо, чтобы они в поле остаток автоматически вычетались с помощью js илиjQuery

$(".sub").focusout(function() {
  $("#answer").html('');
  var num1 = $("#num1").val();
  var num2 = $("#num2").val();
  var answer = num1 - num2;
  $("#answer").html(answer);
});
11
  • Без кода нет ответа, потрудитесь сначала сами.
    – user207618
    21 ноя 2017 в 8:52
  • Приведите код для случая когда они вычитаются неавтоматически (впишите в вопрос, нажав "править" под вопросом), потом попробуем помочь с тем, чтобы сделать автоматически.
    – A K
    21 ноя 2017 в 8:58
  • Возможный дубликат вопроса: Перемножить значения input'ов и вывести результат
    – Air
    21 ноя 2017 в 9:48
  • @Air почему заминусовали ваш ответ?) Потому что в нем нет Jquery ? :D 21 ноя 2017 в 9:58
  • потому что, автор, даже не постарался сам, что-то сделать))) ответил без примера...))) это долгая история)))
    – Air
    21 ноя 2017 в 10:01

1 ответ 1

0

Ну "автоматически" это довольно широкое понятие. Можно вычислять значение например при вводе данных в поля.

И так, HTML:

<input type="number" id="budget" placeholder="Бюджет">
<input type="number" id="prepayment" placeholder="Аванс">
<input type="number" id="balance" placeholder="Остаток" readonly>

Ничего сложного три поля типа: число, остаток я так понимаю изменять нельзя, по этому он только для чтения.

JS:

// Объявляем переменные
var budget = document.getElementById("budget");
var prepayment = document.getElementById("prepayment");
var balance = document.getElementById("balance");

function setBalance() {
    // Проверяем что поля бюджет и аванс заполнены
    if (budget.value && prepayment.value) {
        balance.value = parseFloat(budget.value) - parseFloat(prepayment.value)
    }
}

// Вызываем функцию setBalance при вводе в поля.
budget.addEventListener("input", setBalance)
prepayment.addEventListener("input", setBalance)

Результат:

Для просмотра нажать "выполнить код"

var budget = document.getElementById("budget");
var prepayment = document.getElementById("prepayment");
var balance = document.getElementById("balance");

function setBalance() {
    if (budget.value && prepayment.value) {
        balance.value = parseFloat(budget.value) - parseFloat(prepayment.value)
    }
}

budget.addEventListener("input", setBalance)
prepayment.addEventListener("input", setBalance)
<input type="number" id="budget" placeholder="Бюджет">
<input type="number" id="prepayment" placeholder="Аванс">
<input type="number" id="balance" placeholder="Остаток" readonly>

3
  • если человек уже пытается сделать что-то на jquery думаете актуально ему писать что-то на чистом js ? Он вероятно знает что это такое и уже подключил его на странице.
    – teran
    21 ноя 2017 в 10:48
  • @teran, А причем тут это? Если задачу можно решить на чистом js так же быстро и чисто как на jq, почему бы не использовать vanillajs? UPD Ответ был дан, прежде чем код был представлен. 21 ноя 2017 в 11:26
  • Спасибо огромное!
    – Ksy
    22 ноя 2017 в 3:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.