Saltar al contenido

Obtener valores de filas de tablas seleccionadas en bootstrap usando jquery

Comprende el código bien previamente a adaptarlo a tu trabajo si ttienes algo que aportar puedes compartirlo con nosotros.

Solución:

solo usa el check.bs.table y uncheck.bs.table eventos para recopilar sus filas marcadas.

Eventos básicos de la tabla BS

Aquí hay un ejemplo:

var checkedRows = [];

$('#eventsTable').on('check.bs.table', function (e, row) 
  checkedRows.push(id: row.id, name: row.name, forks: row.forks);
  console.log(checkedRows);
);

$('#eventsTable').on('uncheck.bs.table', function (e, row) 
  $.each(checkedRows, function(index, value) 
    if (value.id === row.id) 
      checkedRows.splice(index,1);
    
  );
  console.log(checkedRows);
);

$("#add_cart").click(function() 
  $("#output").empty();
  $.each(checkedRows, function(index, value)  " + value.forks));
  );
);






Name Stars Forks Description

    Para obtener las filas seleccionadas (marcadas), use el método getSelections.

    Tenga en cuenta que si está usando la paginación, entonces debe usar la opción de tabla de keepMetaData.

    Aquí hay un ejemplo que muestra los nombres de los productos seleccionados cuando el usuario hace clic en anuncio al carrito botón:

    var $table = $('#myTable');
    
    function getRowSelections() 
      return $.map($table.bootstrapTable('getSelections'), function(row) 
        return row;
      )
    
    
    $('#showSelectedRows').click(function() 
      var selectedRows = getRowSelections();
      var selectedItems = 'n';
      $.each(selectedRows, function(index, value) 
        selectedItems += value.name + 'n';
      );
    
      alert('The following products are selected: ' + selectedItems);
    );
    
    [email protected]/dist/bootstrap-table.min.css">
    
    
    
    
    
    
    Item ID Product Name Price
    1 Chair $80
    2 Sofa $500
    3 Desk $300
    4 Rug $200

    Aquí hay un ejemplo que te lo da:

    HTML

    Item ID
    5
    15
    10

    JS

    var arr;
    $('button').click(function()
      arr = $('#table-style').find('[type="checkbox"]:checked').map(function()
          return $(this).closest('tr').find('td:nth-child(2)').text();
      ).get();
    
      console.log(arr);
    );
    

    MANIFESTACIÓN

    Te mostramos reseñas y puntuaciones

    Al final de todo puedes encontrar las explicaciones de otros gestores de proyectos, tú igualmente tienes la opción de dejar el tuyo si lo deseas.

    ¡Haz clic para puntuar esta entrada!
    (Votos: 0 Promedio: 0)



    Utiliza Nuestro Buscador

    Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *