Skip to main content
se añadieron 9 caracteres en el cuerpo
Origen Enlace
MoteCL
  • 862
  • 2
  • 16
  • 43

Me gustaría hacer lo mismo pero mediante un eventoal hacer click del clicmouse en la tabla $('#tbl').click( function(event) . He buscado ejemplos pero no he podido rescatar el input hidden. Espero haberme explicado bien.

Me gustaría hacer lo mismo pero mediante un evento del clic $('#tbl').click( function(event) . He buscado ejemplos pero no he podido rescatar el input hidden. Espero haberme explicado bien.

Me gustaría hacer lo mismo pero al hacer click del mouse en la tabla $('#tbl').click( function(event) . He buscado ejemplos pero no he podido rescatar el input hidden. Espero haberme explicado bien.

se eliminaron 2 caracteres en el cuerpo
Origen Enlace
jolsalazar
  • 2.5k
  • 1
  • 8
  • 14

Tengo el siguiente codigocódigo donde obtengo los datos de una fila mediante un evento de un bottombotón.

Me gustariagustaría hacer lo mismo pero medientemediante un evento del clickclic $('#tbl').click( function(event) . He buscado ejemplos pero no he podido rescatar el input hidden. Espero haberme explicado bien.

Tengo el siguiente codigo donde obtengo los datos de una fila mediante un evento de un bottom.

Me gustaria hacer lo mismo pero mediente un evento del click $('#tbl').click( function(event) . He buscado ejemplos pero no he podido rescatar el input hidden. Espero haberme explicado bien.

Tengo el siguiente código donde obtengo los datos de una fila mediante un evento de un botón.

Me gustaría hacer lo mismo pero mediante un evento del clic $('#tbl').click( function(event) . He buscado ejemplos pero no he podido rescatar el input hidden. Espero haberme explicado bien.

Origen Enlace
MoteCL
  • 862
  • 2
  • 16
  • 43

Evento click en tabla HTML input hidden

Tengo el siguiente codigo donde obtengo los datos de una fila mediante un evento de un bottom.

$('#tbl').on('click', 'button.replay', function(e) {

    var cliente = $(this).closest('tr').find('td:eq(0)').text();
    var cantidad = $(this).closest('tr').find('td:eq(1)').text();
    var id = $(this).closest('tr').find('input[name=id]').val();
    
    console.log('Cliente ' +cliente+' id '+id);
        
  });
     

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

     <div class="table-responsive text-nowrap">
          <table class="table table-bordered table-hover" id="tbl">
            <thead>
              <tr>
                <th>Cliente</th>
                <th>Cantidad</th>
                <th>Comentario</th>
                <th></th>
              </tr>
            </thead>
            <tbody id="tbody_folio">
                <tr>
                <td>CL 1</td>
                <td>10</td>
                <td>Pedido 1</td>
                <td>
                <button class='btn btn-sm btn-warning replay' type='button' name='button'>
                <input type="hidden" name="id" value="1">
                <i class='fas fa-chevron-circle-right'></i>agregar a pedido</button>
                </td>
              </tr>
               <tr>
                <td>CL 2</td>
                <td>100</td>
                <td>Pedido urgente</td>
                <td>
                <button class='btn btn-sm btn-warning replay' type='button' name='button'>
                 <input type="hidden" name="id" value="2">
                <i class='fas fa-chevron-circle-right'></i> agregar a pedido</button>
                </td>
              </tr>
            </tbody>
          </table>
          </div>

Me gustaria hacer lo mismo pero mediente un evento del click $('#tbl').click( function(event) . He buscado ejemplos pero no he podido rescatar el input hidden. Espero haberme explicado bien.