Javascript 复选框过滤系统

我在页面左侧看到了这个页面，页面左侧是一个在客户端完成的复选框过滤系统。当您选中价格复选框时，它会过滤掉品牌，并禁用/启用它们等

当我查看源代码时，复选框没有值，当我尝试查找

优化时。单击
事件时，我在下载页面时找不到它。这是一个包含大量代码的非常大的页面，可能需要很长时间才能浏览

我想知道如何在jquery中为客户端实现这个过滤系统。您可以使用存储值的数组，但我如何知道过滤器具有哪些属性，因为每个页面将根据产品类型显示不同的过滤器（价格范围除外）

如果有人能给我指出正确的方向，或者举个例子说明该怎么做会有所帮助。
for jQuery允许您使用复选框或搜索字段筛选数据表。只要确保您的表包含要筛选的数据，即使它们位于用户看不到的隐藏列中。
这是一个简单的ajax调用

这里有一个非常类似的问题

下面是检查的结果，它会得到一个JSON回复

{"dvals":[{"id":"500580", "count":"16"},...

所以他们每次都联系服务器

clicked:function(K){var J=F(K);if(!J.disabled||J.checked){J.checked=!J.checked;ASN.RefinementBox.check(J);}},

check:function(K){try{if(!K.checked){ASN.RefinementBox.uncheck(K.id);ASN.BubbleMsg.bubbleMsg(K.id);}else{if(!REFINEMENT.maximumCheck(K)){A.putDval(K.id);ASN.RefinementBox.sendSelection();ASN.BubbleMsg.bubbleMsg(K.id);}}}catch(J){}},uncheck:function(J){A.removeDval(J);ASN.RefinementBox.sendSelection();}

在页面本身中，它有如下内容

WALMART.quicklook.items.push({"itemId":16472509,"price":'<!--Start qlPrevNextPricing Tag--><span class="prevNextDefaultText"><span class="PriceL"></span><span class="bigPriceText2">$398.</span><span class="smallPriceText2">00</span><span></span></span><!--End qlPrevNextPricing Tag-->',"thumbnailURL":"http://i.walmartimages.com/i/p/00/88/61/11/62/0088611162102_60X60.gif"});

WALMART.quicklook.items.push（{“itemId”：16472509，“price”：“$398.00”，“thumbnailURL”：”http://i.walmartimages.com/i/p/00/88/61/11/62/0088611162102_60X60.gif"});

类似于持有价格来计算和显示
这不是我想要的，这是完全不同的。这只会过滤一个与数据库一起工作的表，因此所有记录都不会被公开，例如分页等。显然，他们正在过滤某些类型的数据。我检查了这些链接，但这些示例不起作用。你从哪里得到的{“dvals”：[{“id”：“500580”，“count”：“16”}，…您从何处找到用于优化的单击和检查事件的代码。我真的很想实现这一点。我的其他问题是关于json数组中的id和计数。我如何在asp.net中组成表以包含这些值并生成此类数据。我从未做过ajax，因此这对我来说是新的，我得到了过滤器div/表问题是，在我尝试此操作之前，我从json数组中生成id是什么？我想知道如何使用{“dvals”：[{“id”：“500580”，“count”：“16”}基于选择禁用复选框，…在walmart.com上，当您选中count属性的复选框时，它也会执行减法。我的意思是，当您选中价格选择时，它会对品牌复选框和enbales/disables执行一些计算。当然，它会全部发送到服务器。它可以执行计算，也可以循环JSON回复。