Este es el HTMl
Código HTML:
<div class="int-box precio"> <h4>Precio</h4> <table width="100%" border="0"> <tr> <td><input type="checkbox" id="ubi1" rel="30" onclick="filtrarPrecio();" /><label for="ubi1">US$30</label></td> </tr> <tr> <td><input type="checkbox" id="ubi2" rel="60" onclick="filtrarPrecio();" /><label for="ubi2">US$60</label></td> </tr> <tr> <td><input type="checkbox" id="ubi3" rel="90" onclick="filtrarPrecio();" /><label for="ubi3">US$90</label></td> </tr> <tr> <td><input type="checkbox" id="ubi4" rel="120" onclick="filtrarPrecio();" /><label for="ubi4">US$120</label></td> </tr> </table> </div>
Código HTML:
function filtrarPrecio() { $('div.precio').delegate('input[type=checkbox]', 'change', function() { var $lis = $('#results > li'), $checked = $('input:checked'); if ($checked.length) { var selector = $checked.map(function () { return '.' + $(this).attr('rel'); }).get().join(''); $lis.hide().filter(selector).show(); } else { $lis.show(); } }); }
Gracias!