Здравствуйте, друзья, у меня есть серия 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 меняют свое значение, чтобы вернуть сумму обоих во входном ответе
Я оставляю этот ответ со следующими намерениями:
<!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ГЎ результат listener
в событии change
, чтобы обнаруживать, когда Ваше состояние cambiГі и тогда распределять ему в Вашем свойстве value
стоимость выражения input
в ящик resultado
arrow function
numero1
, мы обнаруживаем событие change
, но сейчас numero2
values
каждый каждый текста и мы распределяем это ему в неудар в лунку, который есть у id resultado
inputs
из-за нее funciГіn parseInt()
, чтобы избегать того, чтобы приложили и в Вашем месте они прибавились Я думаю, что это 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.