Índice

Los filtros de selección

1. Los elementos marcados

:checked

Selecciona todos los elementos de tipo botón de radio o casillas de selección seleccionados.

Ejemplo

Al hacer clic en el botón, buscamos las casillas de selección seleccionadas.

Aspecto inicial:

images/12_3_1_v41.png

Aspecto con la selección de las casillas de selección:

images/12_3_1_v42.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<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=> Elección 1</p> 
    <p><input type="checkbox" name="box"> Elección 2</p> 
    <p><input type="checkbox" name="box"> Elección 3</p> 
    <p><input type="checkbox" name="box" checked> Elección 4</p> 
    <p><input type="checkbox" ...