Looping through a datatable using JQuery

Question

Hi I'm very new to Javascript, when I click a button I want to loop through my datatable looking for checkbox values of true, when a true value is found I want to pass the Id from the row and text from an input field to a method in my controller as parameters.

I've been trying something like this (Javascript Code below) but I just can't get it working and I have no idea if my loop function is running. Could someone please help me figure this out?

HTML for button

HTML for checkbox

JQuery script for loop function

function loopGrid {
    var table = document.getElementById("CustomerLicensingTable");
    for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td")[0];
        if (td) {
            SelectedLicenses == true
            //call method
            console.log("found a true value")
        } else {
                tr[i].style.display = "none";
            }
        }
    }
}

user3Ayy · Answer

Here is how you can do it

 
    function loopGrid() {
        var $table = $("#CustomerLicensingTable tr");
        $table.each(function(){
           var $check = $($(this).find(".form-check-input"));
           if($check.is(':checked')){
              console.log('Checked');
              $(this).show();
           } else {
             console.log('Not checked');
              $(this).hide();
           }
        });
    }
    $(document).on("click", function(e){
       e.preventDefault();
       loopGrid();
       //$("#license-form").submit();
       // OR use Ajax 
    });

Looping through a datatable using JQuery

1 Answers