He refactorizado tu código para que tengas muchas menos lineas.
Tanto en la funcion alerta(n)
como en activareditarturnomtext(n)
paso un parametro que será el que indique el número del input/botón que se desea modificar el estado.
async function activareditarturnomtext(n){
alternarEstadoCampos(n);
document.getElementById('boton-' + n).disabled = false;
}
function alerta(n) {
var mensaje;
var op = confirm("Clicka en Aceptar o Cancelar");
if (op) {
document.getElementById('boton-' + n).disabled = true;
document.getElementById('texto-' + n).disabled = true;
alternarEstadoCampos(n);
} else {
document.getElementById('boton-' + n).disabled = true;
}
}
function alternarEstadoCampos(n) {
var elementos = document.getElementsByClassName('form-control');
for(i = 0; i < elementos.length; i++) {
if(elementos[i].id != ('texto-' + n)) {
if(!elementos[i].value) {
elementos[i].disabled = !elementos[i].disabled;
}
}
}
}
<!--CONTENEDOR TURNO MAÑANA-->
<div class="row">
<div class="col-xl-6">
<div class="card mb-1">
<div class="card-header bg-white text-center" id="tmanana"><i class="fas far fa-calendar-alt mr-1"></i><h5>Turno Mañana</h5></div>
<div class="input-group mb-2">
<span class="input-group-text">8:00 a.m</span>
<input onclick="activareditarturnomtext(1)" id="texto-1" type="text" class="form-control" placeholder="">
<div class="input-group-append">
<button class="btn btn-success" onclick="alerta(1)" disabled type="button" id="boton-1">Editar</button>
</div>
</div>
<div class="input-group mb-2">
<span class="input-group-text">8:15 a.m</span>
<input onclick="activareditarturnomtext(2)" type="text" class="form-control" id="texto-2" placeholder="">
<div class="input-group-append">
<button class="btn btn-success" onclick="alerta(2)" disabled type="button" id="boton-2">Editar</button>
</div>
</div>
<div class="input-group mb-2">
<span class="input-group-text">8:30 a.m</span>
<input onclick="activareditarturnomtext(3)" type="text" class="form-control" id="texto-3" placeholder="">
<div class="input-group-append">
<button class="btn btn-success" onclick="alerta(3)" disabled type="button" id="boton-3">Editar</button>
</div>
</div>
<div class="input-group mb-2">
<span class="input-group-text">8:45 a.m</span>
<input onclick="activareditarturnomtext(4)" type="text" class="form-control" id="texto-4" placeholder="">
<div class="input-group-append">
<button class="btn btn-success" onclick="alerta(4)" disabled type="button" id="boton-4">Editar</button>
</div>
</div>
Espero que esto te sirva de ayuda, un saludo.
Última modificación (29/08/2022 23:22):
He añadido una nueva función para alterar el estado de los input de texto.
Detecta cuales son los campos de texto que no se están editando y los pone en modo deshabilitado, del mismo modo cuando se termina la edición los vuelve a habilitar todos excepto los que ya han sido completados que quedan bloqueados.