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 :

images/C12-004.png

Affichage avec la sélection des cases cochées :

images/C12-005.png

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"...
couv_EI4JQU.png

Découvrez 

le livre :

Aussi inclus dans nos :

Précédent
Les sélecteurs de formulaires
Suivant
Applications