Comment obtenir la case à cocher de la valeur d'entrée de ligne de dataTable collection?

J'ai une table qui sert de jquery datatables. Chaque ligne de données a une case à cocher de la colonne. Les visiteurs de la page cliquez sur les cases à cocher pour sélectionner les éléments à supprimer. La dataTable a la pagination et le filtrage activé, de sorte que le visiteur peut sélectionner un ou plusieurs cases à cocher sur les différentes pages. Lorsque l'utilisateur clique sur "supprimer", je veux être en mesure de saisir la valeur de chaque case à cocher.

J'ai compris comment faire pour obtenir l'objet de lignes que d'une collection à l'aide de ceci: var rowcollection = oTable.$(".call-checkbox:checked", {"page": "all"}); Ce que je n'ai pas compris, c'est comment itérer dans la collection de saisir la valeur de chaque ligne de la case de saisie.

Ci-dessous le script et la table. S'il vous plaît dites-moi que je suis absent quelque chose d'incroyablement évident.

<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$('#calltable').dataTable({
"bPaginate": true,
"bLengthChange": true,
"bFilter": true,
"bSort": true,
"bInfo": true,
"bAutoWidth": true,
"bStateSave": true,
"aoColumnDefs": [
{ 'bSortable': false, 'aTargets': [ -1,0] }
]
});
//trashcan is the id of the icon users click to delete items 
//onclick get all the checked rows and do something 
$("#trashcan")
.click(function () {
var oTable = $('#calltable').dataTable();
var rowcollection =  oTable.$(".call-checkbox:checked", {"page": "all"});
for(var i = 0; i < rowcollection.length; i++)
{
//  GET THE VALUE OF THE CHECK BOX (HOW?) AND DO SOMETHING WITH IT.
//  
}
});
});
</script>
<table id="calltable" class="pretty">
<thead>
<tr>
<th><span id="check">Check</span> | 
<span id="uncheck">U</span> | 
<img src="/trash_16x16.gif" alt="Delete" id="trashcan" />
</th>
<th>phone</th>
<th>name</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<input type="checkbox" class="call-checkbox" value="22" />    
</td>
<td>8438740903</td>
<td>Susan</td>
<td>S</td>
</tr>
<tr>
<td> 
<input type="checkbox" class="call-checkbox" value="23" />
</td>
<td>9098983456</td>
<td>Jack Sparrow</td>
<td>S</td>
</tr>
</tbody>
</table>
Si votre rowcollection contient jQuery nœuds dom, de cases à cocher puis c'est assez simple: rowcollection[i].val();
Grand.il a travaillé forme.Je suis à la recherche depuis des mois.

OriginalL'auteur D W Langham | 2013-09-08

  1. 21

    Utiliser le each fonction, au lieu de la boucle for comme ceci:

    var oTable = $('#calltable').dataTable();
var rowcollection =  oTable.$(".call-checkbox:checked", {"page": "all"});
rowcollection.each(function(index,elem){
var checkbox_value = $(elem).val();
//Do something with 'checkbox_value'
});
    Grand.il a travaillé pour moi.

    OriginalL'auteur Raúl Juárez

  2. 0

    C'est ajouté dynamiquement case pour jquery datatables.Et Vous aurez coché la case de valeur. 

     var table = $('#tblItems').DataTable({});

    Exemple:

        $(document).on('click', '#btnPrint', function () {
var matches = [];
var checkedcollection = table.$(".chkAccId:checked", { "page": "all" });
checkedcollection.each(function (index, elem) {
matches.push($(elem).val());
});
var AccountsJsonString = JSON.stringify(matches);
//console.log(AccountsJsonString);
alert(AccountsJsonString);
});

    OriginalL'auteur babun