如何使用jquery中的复选框和单选按钮过滤列表?

时间:2015-04-09 11:26:38

标签: jquery checkbox filter radio-button

我想在点击复选框和单选按钮时过滤jquery中的列表。

我可以通过单击复选框或单选按钮来过滤列表,但我想在单击单选按钮和复选框时完全过滤列表(如电子商务网站)

我有一个动态填充的列表...

<li class="popularlist" data-count='+value.Count+' 
     data-dep_type='+value.deployment_type+' data-rate-filter='+value.Rate+' 
     data-rate='+rate+' data-id='+value.app_id+' data-app='+value.app_name+'>
 <a href="#">
    <div class="app_thumbnail">
     <img src='+value.app_logo+'>
    </div>
    <div class="app_title">'+value.app_name+'</div>
    <div class="rating">
       <span><img src='+rate+'></span>  
       <span>'+value.Count+'</span>
       <div class="clear">
    </div>
  </div>
</a>
</li>

和单选按钮

<input  type="radio" name="star1" class="chk_box" value=1 />
<input  type="radio" name="star1" class="chk_box" value=2 />
<input  type="radio" name="star1" class="chk_box" value=3 />
<input  type="radio" name="star1" class="chk_box" value=4 />

和复选框

<input  type="checkbox" class="chk_box" />
<input  type="checkbox" class="chk_box" />
<input  type="checkbox" class="chk_box" />

我单独使用复选框或单选按钮时使用常规功能来过滤列表。如果单击单选按钮和复选框,则需要知道如何过滤。请帮忙!!

0 个答案:

没有答案