JQuery - Conocer el índice de la fila del detalle

 
Vista:
Imágen de perfil de Omar Eduardo

Conocer el índice de la fila del detalle

Publicado por Omar Eduardo (1 intervención) el 16/07/2021 18:39:21
Estimados amigos, tengan un buen día,

Me encuentro realizando un proyecto con la herramienta PHPMAKER v2021.15.0 en el cual tengo una pagina compuesta de una tabla Maestra y una Detalle.

Mi problema es que en el detalle tengo un campo condicionante relacionado a un checkbox, el mismo que al momento de estar activado (1), debe de mostrar 2 campos adicionales del detalle para su llenado. En caso de no estar marcado (0) los campos deben de no mostrarse.

Este es el fragmento de código que tengo y me funciona cuando solo tengo una linea en el detalle:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$(document).ready(function() {
    // Check if the CheckBox is being clicked ...
    $('input:checkbox[name="x1_actividad_fisica\[\]"]').click(function() {
    	if (!$(this).is(':checked')) {
    		$('#x1_actividad_fisica_descripcion').hide();
    		$('#x1_actividad_fisica_tiempo').hide();
        	$('#x1_actividad_fisica_descripcion').val('');
        	$('#x1_actividad_fisica_tiempo').val(0);
        } else {
        	$('#x1_actividad_fisica_descripcion').show();
        	$('#x1_actividad_fisica_tiempo').show();
    		$('#x1_actividad_fisica_descripcion').focus();
        }
    });
});

Pero cuando agrego la segunda linea ya no funciona, cabe indicar que PHPMAKER asigna a cada campo un nombre dependiendo de su fila, por ejemplo:

$('#x1_actividad_fisica').hide(); //fila numero 1
$('#x2_actividad_fisica').hide(); //fila numero 2

Así para todas las columnas de la tabla.

Mi pregunta es, De que manera puedo yo indicar dinámicamente por medio de código JQuery que se ejecute el script correspondiente a la fila seleccionada.


Saludos,

Omar

Cuando inicio mi pagina
PANTALLA-INICIAL


Cuando marco la casilla relacionada al campo actividad_fisica ("x1_actividad_fisica") me muestra los campos adicionales. Solo en la primea fila.
MARCAMOS-LA-CASILLA-Y-MUESTRA-LOS-CAMPOS-LINEA-1

Cuando marco o desmarco la casilla de la segunda fila no funciona.
DESMARCO-LA-CASILLA-DE-LA-LINEA-2-Y-NO-HACE-NADA
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 142
Plata
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Conocer el índice de la fila del detalle

Publicado por Horroroso (65 intervenciones) el 11/08/2021 22:38:17
Hay muchas formas que se puede hacer, si aun te interesa te puedo ayudar.

por lo pronto, te recomiendo que utilices una clase para hacer la referencia a todos los checkbox.

Saludos
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar