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!


