Salut,
J'essaie de bricoler un filtre multi-critères avec JQuery. L'idée est qu'on sélectionne des critères (checkbox) et ça nous affiche le résultat dans des "div"
J'ai un début de réponse mais.. le script que j'ai trouve affiche le résultat sous forme de cases cochées (checkbox)
Comment faire en sorte d'afficher ces resultats dans des div ? (ex:<div>result1</div>) et pas dans des "checkbox"
Merci pour votre aide
J'essaie de bricoler un filtre multi-critères avec JQuery. L'idée est qu'on sélectionne des critères (checkbox) et ça nous affiche le résultat dans des "div"
J'ai un début de réponse mais.. le script que j'ai trouve affiche le résultat sous forme de cases cochées (checkbox)
Comment faire en sorte d'afficher ces resultats dans des div ? (ex:<div>result1</div>) et pas dans des "checkbox"
<script type="text/javascript" src="js/jquery.js.css"></script>
<script type="text/javascript">
$(function() {
$('#search input:checkbox').click(function() {
: var classes = $('#search input:checkbox:checked').
map(function() { return $(this).val(); }).get().join('.');
classes = (classes ? '.' : '') + classes;
$('#results input:checkbox').attr('checked', false).
filter(classes).attr('checked', true);
});
});
</script>
</head>
<body>
<div id="search">
<fieldset>
<label><input type="checkbox" value="animal"> Animal</label>
<label><input type="checkbox" value="vegetable"> Vegetable</label>
</fieldset>
<fieldset>
<label><input type="checkbox" value="small"> Small</label>
<label><input type="checkbox" value="large"> Large</label>
</fieldset>
</div>
<div id="results">
<p><input type="checkbox" class="small animal"> Cat</p>
<p><input type="checkbox" class="medium animal"> Tiger</p>
<p><input type="checkbox" class="large animal"> Elephant</p>
<p><input type="checkbox" class="small vegetable"> Pea</p>
<p><input type="checkbox" class="large vegetable"> Pumpkin</p>
</div>
</ul>
</body>
</html>
Merci pour votre aide