jeudi 6 octobre 2016

JQuery display checkboxed table row data

So I know there are a few posts about this but I haven't found them to helpful so I'm hoping this will shed new light on my problem.

I'm trying to to get data from a check-boxed row in a HTML table. At the moment I only want to display it on a windows.alert or in the Visual Studio console. But eventually I'm going to post the data to a database.

My code:

$(document).ready(function () {
    $('#button').click(function () {
        var id = [];
        $(':checkbox:checked').each(function (i) {
            id[i] = $(this).val();
        });
        if (id.length === 0) {
            alert("Please select at least one checkbox");
        }
        else {
            $.post('http://localhost/Dynamic/?Insert');
        }
    });
});

I've tried alert($(this).text()) but that just appears empty.

Help would be appreciated.

If it helps this is how I populate the table:

var tableName = 'table1'
$.ajax({
        url: 'http://localhost/Dynamic?prod=' + tableName,
        dataType: 'Json',
        success: function (Results) {
            $.each(Results, function () {
                var row = "";
                for (i = 0; i < this.length; i++) {
                var input = '<td>' + this[i] + '</td>';
                row = row + input;
                }

                $('#table1 tbody:last-child').append('<tr>' + row + '<td> <input class="checkBox" type="checkbox" id="count"/> </td></tr>');
            });
        }                                   
    });

As you can see the table is populated dynamically so it can be populated by different tables.




Aucun commentaire:

Enregistrer un commentaire