Js onchange для двух разных входов

Здравствуйте, друзья, у меня есть серия input, которая постепенно заполняется, но у меня есть две, в частности, которые я хотел бы рассчитать, поэтому мой вопрос заключается в том, как я могу использовать onchange или что-то подобное в JS, так что, когда состояние обоих изменений, я выполняю другой метод

 <input type="text" id="capacidadPago" name="name" value="" />
 
  <input type="text" id="capacidadRenta" name="name" value="" />

 <input type="text" id="respuesta" name="name" value="" />

так, чтобы при емкость оплаты и Capacity меняют свое значение, чтобы вернуть сумму обоих во входном ответе

1
задан 30.11.2019, 20:18
2 ответа

Я оставляю этот ответ со следующими намерениями:

  • Предлагать альтернативу, чтобы предотвращать использование JQuery
  • Предложение со структурой немного более короткими и организованными

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>Demo</title>
    </head>
    <body>
    Número 1: <input type="text" id="numero1" />
    <br><br>
    Número 2: <input type="text" id="numero2" />
    <br><br>
    Resultado: <input type="text" disabled id="resultado">
    <br><br>
    
    
    <script>
        let numero1 = document.getElementById("numero1")
        let numero2 = document.getElementById("numero2")
        let resultado = document.getElementById("resultado")
        
        numero1.addEventListener("change", () => {
          resultado.value = numero1.value
          numero2.addEventListener("change", () => {
            resultado.value = parseInt(numero1.value) + parseInt(numero2.value)
          })
        })
    </script>
    </body>
    </html>

ExplicaciГіn :

  • Мы Получаем из-за Ваших id каждый из inputs; так те, которые recibirГЎn они nГєmeros набитые пользователем, как тем, в котором escribirГЎ результат
  • Из первого nГєmero он добавил один listener в событии change, чтобы обнаруживать, когда Ваше состояние cambiГі и тогда распределять ему в Вашем свойстве value стоимость выражения input в ящик resultado
  • Внутри Того же контекста arrow function numero1 , мы обнаруживаем событие change, но сейчас numero2
  • , Перемещенный предыдущая точка, уже мы находимся в условиях складывания values каждый каждый текста и мы распределяем это ему в неудар в лунку, который есть у id resultado
  • , Перемещаем каждый из inputs из-за нее funciГіn parseInt(), чтобы избегать того, чтобы приложили и в Вашем месте они прибавились
0
ответ дан 01.12.2019, 10:30

Я думаю, что это podrГ, - чтобы подавать

function actualizarRespuesta(){
    var capacidadPago = $("#capacidadPago").val();
    var capacidadRenta = $("#capacidadRenta").val();

    $("#respuesta").val(parseInt(capacidadPago)+parseInt(capacidadRenta);
}

 $("#capacidadPago").change(actualizarRespuesta)
 $("#capacidadRenta").change(actualizarRespuesta)

С линии, 1 в 6 - listener события onchange.
Линии 2 и 3 - это, чтобы возвращать стоимость inputs capacidadPago и capacidadRenta согласно Ваш пойдите.
Линия 5 - это, чтобы распределять сумму стоимости, вернувшей в линиях 2 и 3, предварительное превращение в int (paraeInt), в неудар в лунку которого пойдите, это ответ.
В конце концов линии 8 и 9 - это, чтобы распределять listener inputs capacidadPago и capacidadRenta.

-1
ответ дан 01.12.2019, 10:30
  • 1
    Мас allá которого я не ты voté негатив, он мог быть что тот, кто это сделал actú или согласно которому твой внес , он одинокий có я говорю без explicació n какой-то из того же самого, что harí чтобы светить низкого качества – Aprendiz 30.11.2019, 23:07
  • 2
    Спасибо за observació n, он добавила explicació n – Alexander Vidaurre Arroyo 01.12.2019, 00:23

Теги

Похожие вопросы