[Solved] How to bind a checkbox with the grid filter?

[Ammar]

Hello everyone. I am a new developer and I don't have a lot of experience with data binding and Jquery.

I am trying to create a check box that (when checked) filter the table and only show the rows with a null value for the "received on" column. I tried using .filter() but I don't really what to do. Any heads up would be helpful

here is my grid
received

<p>
    Display All Not Received:
    <input type="checkbox" name="loanDocBox" value="DocsetName_Click" /><br />
</p>

@(Html.Telerik().Grid(Model.GridDocs)
        .Name("LoanDocGrid")
        .Columns(columns =>
        {
            columns.Bound(o => o.DocumentImgUrl).Title("ImageURl").Template(@<text> <a href ="@item.DocumentImgUrl">Image</a> </text>).Width(50);
            columns.Bound(o => o.DocumentName).Width(150);
            columns.Bound(o => o.ModifiedDate).Title("Recieved On").Format("{0:d}").Width(50);
            columns.Bound(o => o.DocumentDate).Title("Doc Date").Format("{0:d}").Width(55);
            columns.Bound(o => o.Age).Title("Doc Age (based on Doc Date)").Width(120);
            columns.Bound(o => o.DocumentVersionCount).Title("# of Copies").Width(50);
            columns.Bound(o => o.receivedCount).Title("# of Copies (linked)").Width(50);
        })
        .Filterable()
        .Groupable()
        .Filterable(filtering => filtering.Filters(filters =>
                    filters.Add(o => o.RequestDate).Equals("5/5/1999")))

)

Thanks for help