Checkbox marcados por defecto

18/Dic/2006 HTML , , , 10 Comentarios

Los checkbox son unos elementos HTML que nos permiten captar, del usuario, multiples selecciones sobre un tema. Suelen ser muy recurridos cuando estamos encuestando al usuario acerca de sus preferencias. En dichas situaciones, puede presentarse el caso de darle seleciones marcadas por defecto. Es por ello que tendremos que saber cómo marcar los checkbox por defecto.

Pero vayamos por pasos. Lo primero que tenemos que recordar es que los checkbox son elementos input del tipo checkbox. Para incluir un checkbox deberemos de utilizar la siguiente línea de código:

  1. <input type="checkbox" value="futbol" id="futbol" name="deportes">
  2. <label for="futbol">Futbol</label>

Vemos, que de manera adicional, utilizamos la etiqueta label para dotarle de contenido al checkbox. Ya que de otra manera solo saldría la casilla de selección sin texto alguno.

De esta forma un conjunto de checkbox quedaría de la siguiente manera:

  1. <input type="checkbox" value="futbol" id="futbol" name="deportes">
  2. <label for="futbol">Futbol</label>
  3. <input type="checkbox" value="baloncesto" id="baloncesto" name="deportes">
  4. <label for="baloncesto">Baloncesto</label>
  5. <input type="checkbox" value="ciclismo" id="ciclismo" name="deportes">
  6. <label for="ciclismo">Ciclismol</label>

Si ahora queremos que uno de los checkbox aparezca marcado por defecto, deberemos de utilizar el atributo checked de la etiqueta input.

  1. <input type="checkbox" value="futbol" id="futbol" name="deportes" checked>
  2. <label for="futbol">Futbol</label>

Con el anterior código aparecería marcado el check del fútbol.

Todo el código completo sería el siguiente:

  1. <input type="checkbox" value="futbol" id="futbol" name="deportes" checked>
  2. <label for="futbol">Futbol</label>
  3. <input type="checkbox" value="baloncesto" id="baloncesto" name="deportes">
  4. <label for="baloncesto">Baloncesto</label>
  5. <input type="checkbox" value="ciclismo" id="ciclismo" name="deportes">
  6. <label for="ciclismo">Ciclismol</label>

Vídeos sobre HTML


10 comentarios en “Checkbox marcados por defecto”

Víctor Cuervo

elizabeth

buenas tardes… quisiera saber como puedo traer un dato de una base de datos y que automáticamente quede seleccionado el checkbox según la selección realizada por el usuario cuando ingreso el dato inicialmente. esto lo realizo con un servlet y un jsp.

Víctor Cuervo

LIG

Tienes que generar html automáticamente con algún lenguaje de script (asp, php, etc), y en función del valor de la base de datos, generar el texto checked dentro de la etiqueta input correspondiente m

Víctor Cuervo

Víctor Cuervo

Yo te recomiendo que además te leas el ejemplo de cómo optimizarlos para guardarlos en la base de datos. http://lineadecodigo.com/javascript/checkbox-y-operadores-dinamicos/

Nos ponemos manos a la obra para publicar un artículo completo que muestre todo el proceso, desde la pantalla hasta la base de datos.

Saludos.

Víctor Cuervo

Iñigo

La tercera es la vencida…

<input id=”SiNo” type=”checkbox” value=”Sí>

A ver si ahora…

Víctor Cuervo

Iñigo

Se me ha olvidado poner blockquote y o ha aparecido mi definición del control:

Gracias++

Víctor Cuervo

Iñigo

Pregunta: ¿y cómo hago para asociar un valor al checkbox desmarcado al realizar el submit? Quiero decir, por ejemplo:

Si se envía (submit) el formulario con en control marcado, recibo un “Sí”, pero, ¿hay forma de indicar lo que quiero recibir en caso de no marcar? ¿O al final siempre tengo que hacer una traducción en el servidor del tipo if (valor==””) valor=”No”?

Muchas gracias!!

Víctor Cuervo

Jorge

Por si no os habíais dado cuenta, el label en el caso de checkboxes y radio button también vale para tickar el elemento al clickar en el label y no solo en el checkbox/radioButton.

Saludos.

Víctor Cuervo

Víctor Cuervo

@Erickson Vásquez, gracias a ti por tu comentario. Saludos.

Víctor Cuervo

Erickson Vásquez

Retifico, realmente lo que dices es correcto, revisé bien y value no muestra nada, hay que ponerle un label necesariamente o un texto al lado, gracias por la información.

Víctor Cuervo

Erickson Vásquez

El label no es necesario para un checkbox por que en ese caso value hace ese trabajo de poner un texto para mostrar.

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*