3

tengo una table en html con un checkbox en cada row lo que necesito es que que al seleccionar el checkbox me tome el valor de una celda

<table>
    <thead>
        <th>Seleccionar</th>
        <th>ejemplo</th>
        <th>ehemplo</th>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" onclick="guardadatos();"></td>
            <td>ejemplo</td>
            <td>ejemplo</td>
        </tr>
        <tr>
            <td><input type="checkbox" onclick="guardadatos();"></td>
            <td>ejemplo</td>
            <td>ejemplo</td>
        </tr>
    </tbody>
</table>

y la siguiente función si me toma el valor de la celda pero al seleccionar el otro checkbox me los concatena y me repite el valor mostrandome un "undefined" cada vez que se repito el each

function guardadatos() {
    $("input[type=checkbox]:checked").each(function(){
        id = $(this).parents("tr").find("td").eq(1).html();
        texto += id;
        texto +="<br/>";
      });
}
5
  • Lo que vos queres obtener son todos los valores concatenados? no entiendo bien! el 9 ago. 2018 a las 18:43
  • necesito seleccionar un valor del row de la tabla pero al seleccionar otro checkbox necesito que se concatenen los dos valores, ir formando un texto cada que se selecciona un checkbox con los valores que hay dentro del <td>
    – arglez35
    el 9 ago. 2018 a las 18:45
  • Pero necesitas todos los valores de cada td de cada fila tildada? o uno en específico? el 9 ago. 2018 a las 18:45
  • es uno en especifico por eso utilizo eq(1)
    – arglez35
    el 9 ago. 2018 a las 18:46
  • si los concatena bien, el problema es que si yo selecciono 5 renglones se repite el texto 5 veces y yo necesito que se muestre el texto solo una vez
    – arglez35
    el 9 ago. 2018 a las 18:47

1 respuesta 1

1

Tienes que inicializar la variable texto dentro de la funcion. Algo asi:

function guardadatos() {
    var texto = '';
    $("input[type=checkbox]:checked").each(function(){
        id = $(this).parents("tr").find("td").eq(1).html();
        texto += id;
        texto +="<br/>";        
      });
      console.log(texto);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
    <thead>
        <th>Seleccionar</th>
        <th>ejemplo</th>
        <th>ehemplo</th>
    </thead>
    <tbody>
        <tr>
            <td><input type="checkbox" onclick="guardadatos();"></td>
            <td>ejemplo</td>
            <td>ejemplo</td>
        </tr>
        <tr>
            <td><input type="checkbox" onclick="guardadatos();"></td>
            <td>ejemplo</td>
            <td>ejemplo</td>
        </tr>
    </tbody>
</table>

7
  • la variable texto ya la inicializo antes para tomarla como variable global, el problema que tengo es que cuando elijo muchos checkbox por ejemplo 5 y muestro la variable texto en textarea, me repite 5 veces lo mismo, no sé si lo estoy haciendo incorrectamente pero cada vez que me muestra los archivos me sale un 'undefined'
    – arglez35
    el 9 ago. 2018 a las 18:55
  • Si es una variable global, simplemente remueve el var de mi codigo.
    – alanfcm
    el 9 ago. 2018 a las 18:58
  • Tienes razón, una consulta más como evito que me ponga el 'undefined' al principio del texto?
    – arglez35
    el 9 ago. 2018 a las 19:00
  • No se porque te sale undefined. Prueba inicializando la variable con una cadena vacia como en mi respuesta.
    – alanfcm
    el 9 ago. 2018 a las 19:05
  • lo dejé tal cual tu respuesta solo quité el 'var'.
    – arglez35
    el 9 ago. 2018 a las 19:09

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.