Al hacer click en checkbox, aparezca un select

[p3cn0G]

Hola a todos!
Mi intencion es hacer lo siguiente. Tengo los dos inputs siguientes:

Código HTML:

<input  name="Oferta" type="checkbox" id="Oferta" value="1">

<input type="text" name="Rebaja" id="Rebaja" size="5" value=""> 

El objetivo final es lo siguiente: Si le hago click al input de tipo checkbox o esta seleccionado sin haber hecho click, quiero que me aparezca el input de tipo text (que previamente está invisible). Y si deselecciono el checkbox, que me vacíe el input text y me lo oculte de nuevo.

Entiendo que esto se debe hacer por medio de javascript por medio de alguna función o algo así.
Alguna manera de hacerlo?

[Alexis88]

Cambia la visibilidad accediendo a la respectiva propiedad CSS.

Código Javascript:

document.getElementById("Oferta").addEventListener("click", function(){
    if (this.checked)
        document.getElementById("Rebaja").style.display = "block";
    else
        document.getElementById("Rebaja").style.display = "none";
}, false);
 

Y para que también surta efecto al momento de cargar la página:

Código Javascript:

window.addEventListener("load", function(){
    if (document.getElementById("Oferta").checked)
        document.getElementById("Rebaja").style.display = "block";
}, false);
 

Para el segundo caso, solamente coloco la situación en la que estuviera marcado el checkbox, pues debo de suponer que mediante la hoja de estilos ocultas a la caja de texto.

Otra manera de hacerlo sería con CSS y la pseudo-clase :checked:

Código CSS:

#Rebaja{
    display: none;
}
 
#Oferta:checked ~ #Rebaja{
    display: block;
}
 

De este modo, cuando marques al checkbox, se mostrará la caja de texto siempre y cuando ésta se encuentra después del checkbox, si está ubicada antes, no surtirá efecto.

Saludos