A ver, son varios cambios lo que deberias hacer para basar tus acciones de los botones en los id.
Donde pone esto:
<button type="button" class="btn btn-success" id="botonAceptar" onclick="mostrarInputval()">Aceptar</button>
<br>
<label id="Fecha_recogidalabel" style="display:none">Fecha de recogida del material: </label>
<input type="date" name="Fecha_recogida" id="Fecha_recogida" style="display:none">
<br>
<label id="Fecha_propuestalabel" style="display:none">Fecha propuesta de devolución del material: </label>
<input type="date" name="Fecha_propuesta" id="Fecha_propuesta" style="display:none">
<br>
<button type="button" class="btn btn-success" id="botonAceptacion" onclick="guardarAceptacion(<?=$lisc['id']?>)" style="display:none">Aceptar</button>
</td>
<td><button type="button" class="btn btn-danger" id="botonRechazar">Rechazar y Cancelar</button></td>
pones esto:
<button type="button" class="btn btn-success" id="botonAceptar_<?=$id?>" onclick="mostrarInputval(<?=$id?>)">Aceptar</button>
<br>
<label id="Fecha_recogidalabel_<?=$id?>" style="display:none">Fecha de recogida del material: </label>
<input type="date" name="Fecha_recogida_<?=$id?>" id="Fecha_recogida_<?=$id?>" style="display:none">
<br>
<label id="Fecha_propuestalabel_<?=$id?>" style="display:none">Fecha propuesta de devolución del material: </label>
<input type="date" name="Fecha_propuesta_<?=$id?>" id="Fecha_propuesta_<?=$id?>" style="display:none">
<br>
<button type="button" class="btn btn-success" id="botonAceptacion_<?=$id?>" onclick="guardarAceptacion(<?=$id?>)" style="display:none">Aceptar</button>
</td>
<td><button type="button" class="btn btn-danger" id="botonRechazar_<?=$id?>">Rechazar y Cancelar</button></td>
Es decir, hemos cambiado todos los name=
e id=
en función del $id pasado (que se corresponde con $lisc['id']
en la primera asignación que haces en el do
).
Ahora toca cambiar la función para que lo coja bien.
Cambia esto:
function mostrarInputval() {
var fechaReecogida = document.getElementById("Fecha_recogida");
var labelfecharecogida = document.getElementById("Fecha_recogidalabel");
var element = document.getElementById("Fecha_propuesta");
var labelfechapropuesta = document.getElementById("Fecha_propuestalabel");
var botonAceptacion = document.getElementById("botonAceptacion");
var botonAceptar = document.getElementById("botonAceptar");
var botonRechazar = document.getElementById("botonRechazar");
por esto:
function mostrarInputval(idTrab) {
var fechaReecogida = document.getElementById("Fecha_recogida_" + idTrab);
var labelfecharecogida = document.getElementById("Fecha_recogidalabel_" + idTrab);
var element = document.getElementById("Fecha_propuesta_" + idTrab);
var labelfechapropuesta = document.getElementById("Fecha_propuestalabel_" + idTrab);
var botonAceptacion = document.getElementById("botonAceptacion_" + idTrab);
var botonAceptar = document.getElementById("botonAceptar_" + idTrab);
var botonRechazar = document.getElementById("botonRechazar_" idTrab);
Y por último, en la función guardarAceptacion(idTrab)
cambia esto:
fecha_recog = document.getElementById['Fecha_recogida'];
fecha_entreg = document.getElementById['Fecha_propuesta'];
por esto:
fecha_recog = document.getElementById['Fecha_recogida_' + idTrab];
fecha_entreg = document.getElementById['Fecha_propuesta_' + idTrab];
Y diria que ya lo tienes.
Explicación:
Repetías los name
e id
del html en cada ciclo de tu bucle y en las funciones de javascript solo te cogian el primero que encontraban.
Agregando la coletilla del _id
en cada uno de ellos los estamos diferenciando, y al modificar las funciones javascript tal como lo hemos hecho los estamos llamando de forma única.
Prueba y nos cuentas.