Checkbox click filter table in MVC using javascript

See more:

C#

Javascript

Hi,

I have been working on a small single page application. I have search box which filters the table using JavaScript. But I do also have checkboxes which I want when I click to filter the table given using JavaScript only. I tried multiple ways but only results I get is whether to filter rows or selecting rows. Can anyone help me with this. Any example is fine for me just to demonstrate how it should work.

Thanks

Example for what i need to do:
Imgur: The magic of the Internet[^]

What I have tried:

For example i did function similar:

function Docilck()
       {
          var checkedValue = $('.Checkbox:checked').val();
            $.ajax({
           url: "@Url.Action("Index", "Home")",
           type: "post",
           dataType: "json",
                data: { checkstring: checkedValue },
                success: function (response) {
                    console.log(success);
           }
       });
       }