Wie überprüfen Sie alle Checkboxen in jquery datatable?

Ich habe eine Tabelle mit Checkboxen in der ersten Spalte. Ich verwende das jQuery plugin DataTable Anzeige meiner Tabelle.

Ich habe 2 links zu aktivieren/deaktivieren Sie alle Checkboxen. Hier ist die eins-zu-alle auswählen :

<a href="" name="CheckAll" onClick="checkAll(document.email_list_form_inviter.getElementsByClassName(\'email_checkbox\'), event)" >Select all</a>

Und die javascript :

function checkAll(field, event) {
    event.preventDefault();
    for (i = 0; i < field.length; i++)
        field[i].checked = true ;

    return false;
}

Aber die datatable erlaubt die Paginierung und meine Funktion wählen Sie nur die sichtbaren Checkboxen, nicht die der anderen Seiten. Wie tun können, um wählen Sie alle Checkboxen in meiner Tabelle mit Daten?

Lösung :

Ok ich habe das mit fnGetNodes, danke amccausl!

$("a[name='CheckAll']").click(function(event) {
        event.preventDefault();
        var nodes = datatable.fnGetNodes( );
        $('.email_checkbox', nodes).attr("checked", "checked");
    });

InformationsquelleAutor Alexis | 2012-01-16

  1. 1

    Können Sie fnGetNodes greifen alle Knoten, die Sie benötigen, anstatt die getElementsByClassName.

    Sollten Sie auch mithilfe von jquery.click () - Ereignis stattdessen auf die Festlegung eines onClick-selbst

    InformationsquelleAutor amccausl

  2. 0

    Entschuldigen Sie, mein code ist falsch :

    Den dynamischen checkbox 

    return '<input type="checkbox" id="email_checkbox" name="email_checkbox"  />';

    Den link

    <a href="" name="CheckAll" id="CheckAll">seleccionar todos</a>

    den Namen der Tabelle: 

    <table cellpadding="0" cellspacing="0" border="0" class="display" id="example" width="100%">

    und den code

    $(document).ready(function() {
$("a[name='CheckAll']").click(function(event) {
                event.preventDefault();
                var nodes =  $('#example').fnGetNodes( );
                $('.email_checkbox', nodes).attr("checked", "checked");
} );

    InformationsquelleAutor user1930790

  3. 0
    $(document).ready(function() {
$(".checkall").click(function(event) {
                event.preventDefault();
                var oTable = $('#example').dataTable();
                var nNodes = oTable.fnGetNodes();
                $email_box=$('.email_checkbox',nNodes);
                if($email_box.attr("checked")=="checked"){
                  $email_box.removeAttr("checked");
                  $(".checkall").text("Check all");
                }
               else{
                 $email_box.attr("checked", "checked");
                 $(".checkall").text("Uncheck all");
             }
});

    InformationsquelleAutor sara191186

  4. 0

    Dies ist meine Lösung (DataTables1.9.4):

    var nodes = $('#listContainer').DataTable().column(0).nodes();
    $(':checked', nodes).each(function (index) {
        console.log($(this).text())
    })
    Bitte fügen Sie eine Erklärung zu deinem code.
    Die erste Zeile des Codes ist, um alle Knoten, die Instanz, die die prarent Knoten einschließlich der checkboxs; Damit können wir die alle Checkboxen durch die Verwendung der jQuery.

    InformationsquelleAutor bill

Schreibe einen Kommentar