How to filter repeater on checkboxes checked value using jQuery?

Question

Hi there.

I am using asp.net web forms.

How can I filter a repeater based on the checked values of multiple checkboxes using jQuery?

The result will be if I chose any categories and cities it will dynamically display all the galleries under those categories/cities.

I used repeater for categories and cites.

And repeater for galleries.

Sachin Singh · Answer

step1. Fetch the cityID and genereID from checkbox and send it through ajax var cityID= $( '[id*=cityID]' ).val(); var genereID= $( '[id*=genereID]' ).val(); $.ajax({ type: 'POST' , url: 'PageName.aspx/PopulateGalleriesRepeater?cityID=' +cityID+ "&& genereID= " +genereID, contentType: 'application/json; charset=utf-8' , dataType: 'json' , success: function(msg) { } }); step 2. Modify your PopulateGalleriesRepeater method as [WebMethod] public static string PopulateGalleriesRepeater (int? cityID, int? genereID ) { CRUD mycrud= new CRUD(); string sql="select * from gallaries where cityID='"+ cityID+"'and genereID='"+ genereID +"' "; SQLDataReader dr= mycrud.getDrPassSql(sql); gallariesRepeater.DataSource=dr; gallariesRepeater.DataBind(); return "completed Successfully"; }

Vikas Panwar · Answer

First get checkbox Select value on hidden field Control and Also define a link buton click even in javascript like as function Checkbox_Select(id) { document.getElementById(' ').value = id; document.getElementById(' ').click(); return false; } Then on code behind get Hidden field value on link button click event and bind Your Repeter control protected void LinkButton1_Click(object sender, EventArgs e) { string CheckboxValue = HdCheckboxValue.Value; //Based on this Checkboxvalue bind Repeter control }