Estoy trabajando en un proyecto para registrar registros de dientes en un diario, pero encontré un problema.
Al comienzo del registro, he creado botones de alternancia para registrar si el diente está presente en la boca o no. Después de esto, viene una serie de elementos de tipo de entrada = texto conectados al diente dado, estos solo pueden recibir una entrada de 1 dígito, antes de que una función de enfoque() cambie el cursor a la siguiente forma de entrada.
Sin embargo, necesito que los formularios de entrada desaparezcan y sean inaccesibles para el usuario, y al mismo tiempo hacer que el cursor salte al siguiente elemento de entrada accesible, sin que el usuario haga clic ni presione nada.
Estaba pensando en hacer que el botón de alternar inserte un valor específico en los formularios de entrada y luego crear una función que haga que el cursor salte cuadros con el valor dado.
// Script for removing tooth object function TS_8p() { var t = document.getElementById("Tooth_present"); t.classList.toggle("no_molar_OK"); } // script for setting specific value into input function no_PD_CAL(val) { document.getElementById('2').value = val; } // script for making cursor automove inbetween inputs function jump(field, automove) { if (field.value.length >= field.maxLength) { document.getElementById(automove).focus(); } }; function jump_inaccessible() { if (field.value = "¤") { document.getElementById(automove).focus(); } } <button type="button" class="molar" id="Tooth_present" onclick="TS_8p();no_PD_CAL(this.value)" value="¤"> tooth </button> <input type="text" id="1" class="PD_CAL_box text-center" maxlength="1" onkeyup="jump(this, '2')" /> <input type="text" id="2" class="PD_CAL_box text-center" maxlength="1" onkeyup="jump(this, '3'); jump_inaccessible(this, '4')" /> <input type="text" id="3" class="PD_CAL_box text-center" maxlength="1" onkeyup="jump(this, '4')" />