jQuery: Comment faire pour ajouter case à cocher pour chaque ligne de la table?

J'ai ceci pour ajouter des éléments à partir de json:

$.ajax({
                type: "POST",
                url: action,
                data: dataSearch,
                success: function (response) {

                    if (response[0].success == "success") {
                        $.each(response, function (index, record) {
                            var row = $("<tr />");
                            $("<td />").text(record.clavemat).appendTo(row);
                            $("<td />").text(record.tipomat).appendTo(row);
                            $("<td />").text(record.titulomat).appendTo(row);
                            $("<td />").text(record.autormat).appendTo(row);
                            $("<td />").text(record.editmat).appendTo(row);
                            $("<td />").text(record.edicmat).appendTo(row);
                            //Append checkbox to each row
                            row.addClass("alt");
                            row.appendTo(".resultsSearch");
                        });
                    } else {
                        alert("Data not found");
                    }

                }
            });
            return false;

Et je veux ajouter case à cocher pour chaque ligne à la dernière colonne, et je ne sais pas
Merci!

OriginalL'auteur SoldierCorp | 2012-05-30

  1. 10

    Avez-vous essayé?:

    $("<td />").html('<input type="checkbox"/>').appendTo(row);

    Et par la manière, vous êtes sûr que la POSTE est le meilleur choix si vous êtes GETing informations à partir du serveur? ou êtes-vous le changement de statut du serveur lorsque vous faites la demande?
    Si ce n'est pas le cas, vérifiez Lors de l'utilisation de Post ou Get

    Merci pour la résolution de mon problème et je vais lire ce lien!
    Si cela a fonctionné, le marquer comme correct 🙂
    Après cela, j'ai ajouter la case à cocher... pourquoi ignorer cette fonction? $('table tr').cliquez sur(function() { check = $(this).les enfants('td').les enfants('input[type=checkbox]'); if (check.attr('checked')) vérifier.attr('checked',false); else vérifier.attr('checked',true); }); sert à vérifier lors d'un clic sur n'importe quelle partie de la ligne est cochée la case à cocher.
    Si vous ajoutez la fonction du document.prêt moment, il ne fonctionnera pas, car les lignes ne sont pas encore créé, vous devez l'utiliser .sur
    table.on('click','tr',function(){code});

    OriginalL'auteur Mario Corchero