Les filtres de sélection
1. Les éléments cochés
:checked
Sélectionne tous les éléments de type bouton radio ou case à cocher qui sont cochés.
Exemple
Retrouvons au clic du bouton, les cases à cocher qui sont cochées.
Affichage initial :
Affichage avec la sélection des cases cochées :
Le fichier HTML :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function(){
$(":button").on("click",function(){
$("input:checked").parent().css({"background": "#9cf"});
});
});
</script>
</head>
<body>
<form action="">
<p><input type="checkbox" name="box" checked> Choix 1</p>
<p><input type="checkbox" name="box"> Choix 2</p>
<p><input type="checkbox" name="box"> Choix 3</p>
<p><input type="checkbox"...