من میخوام محصولاتم رو بر اساس این فیلترهایی که انتخاب میکنم فیلتر کنه و میخوام که هر کدام از فیلتر ها رو انخاب کرد تغییرات اعمال بشه کد نمایش فیلترهام به صورت زیر هست و خروجی هم به شکل زیر هست.ولی نمیدونم چجوری این فیلترهایی که انتخاب میشوند رو با جی کوئری بگیرم و ارسال کنم سمت سرور.چجوری این چک باکس هایی که انتخاب شدند رو value  اونهارو با جی کوئری بخونم و بفرستم سمت سرور

<div class="box-content">
                <div class="panel-group" id="blogcategories">
                    @{
                        Presentation.Web.Models.Repository.Rep_ProductProperty property;

                        int count = 0;


                        using (property = new Presentation.Web.Models.Repository.Rep_ProductProperty())
                        {

                            int CategoryId = Convert.ToInt32(ViewBag.CategoryId);

                            var result = property.GetPropertyProducts(CategoryId);



                            foreach (var item in result.GroupBy(c => c.PropertyName))
                            {


                                <div class="panel panel-default" id="filters-div">

                                    <div class="panel-heading" data-parent="#blogcategories" data-target="#collapse@(count)" data-toggle="collapse">
                                        <h4 class="panel-title"> <a href="#a"> <span class="fa fa-minus"></span> @item.Key <span class="fa fa-filter categorycount"></span> </a> </h4>
                                    </div>


                                    <div class="panel-collapse collapse in" id="collapse@(count)">
                                        <div class="panel-body itemforcheckbox">
                                            <ul>
                                                @foreach (var item2 in item)
                                                {
                                                    <li class="item">
                                                        <a href="#a" class="checkedcheckbox">

                                                            <!-- Rounded ONE -->
                                                            @*<div class="roundedOne">*@
                                                                @*<input type="checkbox" value="None" id=" @item2.ValueName" name="check" />
                                                                <label for=" @item2.ValueName"></label>*@
                                                            @*</div>*@

                                                            <label class="tgl">
                                                                <input type="checkbox" value=" @item2.ValueName" />
                                                                <span class="tgl_body">
                                                                    <span class="tgl_switch"></span>
                                                                    <span class="tgl_track">
                                                                        <span class="tgl_bgd"></span>
                                                                        <span class="tgl_bgd tgl_bgd-negative"></span>
                                                                    </span>
                                                                </span>
                                                            </label>


                                                            @item2.ValueName
                                                        </a>
                                                    </li>
                                                }





                                            </ul>
                                        </div>
                                    </div>
                                </div>

                                count += 1;


                            }




                        }
                    }













                </div>
            </div>