Simples selecciones con jQuery y los checkbox.
DEMO ONLINE - 2 Demo online de otro ejemplo con checkbox Como se usa jQuery básicamente?Lo que se hace es llamar al ID del input de tipo checkbox llamado #server_bajo
y con el evento .change()
de jQuery iniciar un control para saber si el input está o no está checked. Una vez determinado el estado del check se hace alguna acción al respecto.
$("#server_bajo").change(function(){ /*Llamando al ID del check*/
if ($(this).is(":checked")) { /*Controlando si está Checked*/
/*Acciones a tomar si el check está checked*/
$("#serverbasico").slideDown();
$("#server_medio , #server_premium").attr('checked', false);
$("#servermedio , #serverpremium").hide();
/*Acciones a tomar si el check está checked*/
} else {
/*Acciones a tomar si el check NO! está checked*/
$("#serverbasico , #servermedio , #serverpremium").hide();
/*Acciones a tomar si el check NO! está checked*/
};
});
Como está en el HTML?
<input id="server_bajo" name="server_bajo" type="checkbox">
<label for="server_bajo">
Servidor Básico
</label>