Estoy tratando de deshabilitar un cuadro de texto cuando se hace clic en un botón de envío; sin embargo, hay varios cuadros de texto con botones de envío. El orden del cuadro de texto es el mismo que el del botón (por ejemplo, el primer botón debe desactivar el primer botón).
Como tal, he estado usando el siguiente código:
window.onload = function() { document.querySelectorAll('button')[i].onclick = function fun(i) { document.querySelectorAll('input')[i].disabled = true } } i estaría el orden del botón/cuadro de texto.
Gracias de antemano por tu ayuda.
Intente usar el más cercano que debería funcionar en este caso. Además, no estoy seguro de cómo itera a través de querySelectAll, pero es posible que no esté al tanto de la taquigrafía. Cambiar a:
window.onload = function() { const allButtons = document.querySelectorAll('button'); allButtons.forEach(function(button) { button.addEventListener('click', function(e) { e.target.closest('input').disabled = true; }); });