-1

Tengo el siguiente código:

var fila='<tr class="selected" id="fila'+cont+'" onclick="seleccionar(this.id);"><td>'+cont+'</td><td>'+$('input[name="fk_animalito"]').val();+'</td><td>'+$($('input[name^="fk_hora_sorteo"]')[0]).val()+'</td><td>'+$('input[name="monto"]').val();+'</td></tr>';

Los input type="text" los captura bien y se me muestran en la tabla perfectamente, el problema es: input type='checkbox' name='fk_hora_sorteo[]' que como lo estoy pasando como array no me captura el valor para mostrarlo en la tabla; he intentado así, pero no me resulta:

$($('input[name^="fk_hora_sorteo"]')[0]).val()

El formulario:

<form id="idFormulario" action="" method="POST">

  <!-- section -->
  <section>
    <div class="row">
      <div class="container">
        <?php
        $consulta = $DB_con->query("SELECT * FROM hora_sorteo ORDER BY id");
        if($consulta->rowCount() > 0) {

          while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
            echo "<div class='col s6 m2'>";
            echo "<input type='checkbox' name='fk_hora_sorteo[]' id='chk1{$linea['id']}' value='{$linea['id']}'>";
            echo "<label class='black-text' for='chk1{$linea['id']}'>{$linea['hora_sorteo']}</label>";
            echo "</div>";
          }
        }
        else
          echo "<div class='col s12 card-panel yellow darken-2 center'>
          <h5 class='black-text text-darken-2 center CONDENSED LIGHT5'>¡ 
          Advertencia: No se ha encontrado ningún registro !</h5>
          </div>";
        ?>
      </div>
    </div>
  </section>
  <section>
    <div class="row">
      <?php
      $consulta = $DB_con->query("SELECT * FROM animalitos ORDER BY id");
      if($consulta->rowCount() > 0) {
        $i=1;
        while ($linea = $consulta->fetch(PDO::FETCH_ASSOC)) {
      ?>
          <div class="col s1 m1">
            <div class="chip">
              <img src="../galerias_animalitos/<?= $linea['portada']?>"  alt="imagen animalitos"/>
              <?php echo $linea['numero']; ?> <?php echo $linea['nombre']; ?>
            </div>
          </div>
      <?php
      $i++;
        }  
      }
      else
        echo "<div class='col s12 card-panel yellow darken-2 center'>
        <h5 class='black-text text-darken-2 center CONDENSED LIGHT5'>¡ 
        Advertencia: No se ha encontrado ningún registro !</h5>
        </div>";
      ?>
    </div>
  </section>
  <!-- fin section -->

  <div class="row">
    <div class="col s12 m5">
     <div class="input-field col s12 m4">
       <input type="text" name="fk_animalito" autocomplete="off" required/>
       <label for="descripcion" class="black-text ">Numero Animalito:</label>
     </div>
    <div class="input-field col s12 m4">
      <input id="bt_add" type="text" name="monto" autocomplete="off" required/>
      <label for="descripcion" class="black-text ">Monto:</label>
    </div>

    <br>
    <br>
    <br>
    <br>

    <button class="btn waves-effect blue darken-4 btn-small" type="submit" name="guardar">Generar Jugada</button>
    <button id="bt_del" class="btn waves-effect red btn-medium">Eliminar</button>
    <button id="bt_delall" class="btn waves-effect red btn-medium">Eliminar Todo</button>

    <div class="col center s12 m12">
      <h4 class="left-align black-text">Serial:             Total:</h4>
   </div>
  </div>
</form>

<div class="col s12 m7">
  <div style=' overflow: auto; height: 250px;'>
    <table id="tabla_ventas" class='bordered responsive-table centered'>
      <thead>
        <tr>
          <th data-field='N&#186;'>N°</th>
          <th data-field='N&#186;'>ANIMALITO</th>
          <th data-field='Código'>SORTEO</th>
          <th data-field='Código'>MONTO</th>
        </tr>
      </thead>
    </table>
  </div>
</div>

Anexo la imagen:

introducir la descripción de la imagen aquí

1
  • podrías mostrar un poco tu html? tienes algunos inputs ahí verdad? quieres generar esa tr de acuerdo a los valores que tengan los inputs? el 27 may. 2017 a las 18:14

2 respuestas 2

0

Esos ";" estaban estropeando la salida, tu código debe quedar así:

var fila='<tr class="selected" id="fila'+cont+'" onclick="seleccionar(this.id)"><td>'+cont+'</td><td>'+$('input[name="fk_animalito"]').val()+'</td><td>'+$('input[name="fk_hora_sorteo"]').val()+'</td><td>'+$('input[name="monto"]').val()+'</td></tr>';

Prueba este ejemplo, son inputs con los nombres a los que te te estás refiriendo en tu variable fila, si les ingresas valores, verás que se crea el tr correctamente:

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>Hi</title>

<!-- JQuery  -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<script>
$(document).ready(Principal);
function Principal(){
  $("button").click(Pone);
}
function Pone(){
  var cont = 0;
  var fila='<tr class="selected" id="fila'+cont+'" onclick="seleccionar(this.id);"><td>'+cont+'</td><td>'+$('input[name="fk_animalito"]').val()+'</td><td>'+$('input[name="fk_hora_sorteo"]').val()+'</td><td>'+$('input[name="monto"]').val()+'</td></tr>';
  $("body").append(fila);
}

</script>
</head>
<body>
  <input type="text" name="fk_animalito">
  <input type="text" name="fk_hora_sorteo">
  <input type="text" name="monto">
  <button>Aprétame</button>
</body>
</html>

Espero haberte ayudado.

3
  • ya coreji el documento el problema es que el:input type='checkbox' name='fk_hora_sorteo[]' esta como un array y no me captura el valor
    – yoclens
    el 27 may. 2017 a las 19:43
  • ya logre que me tomara el valor del checkbox, pero me esta tomando nada mas el primer valor a si seleccione cualquiera
    – yoclens
    el 27 may. 2017 a las 19:51
  • 1
    probaste reemplazando la línea de la variable fila por la que te indiqué en esta respuesta? el 28 may. 2017 a las 3:48
-1

la solución al problema

function agregar() {
var fila = '';
$('input[name^="fk_hora_sorteo"]').filter(':checked').each(function() {
    cont++;
    fila = '<tr class="selected" id="fila' + cont + '" onclick="seleccionar(this.id)"><td>' + cont + '</td><td>' + $('input[name="fk_animalito"]').val() + '</td><td>' + $(this).val() + '</td><td>' + $('input[name="monto"]').val() + '</td></tr>';
    $('#tabla_ventas').append(fila);
    reordenar();
})
}
1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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