Ocultar checkbox y label

[samile]

Hola,

resulta que necesito ocultar un checkbox y su etiqueta, tengo lo sigueinte:

Código:

 

<input type="checkbox" name="papelrp" value="E">
<label id="papelrl">Empacar en papel regalo </label></input>

Y una funcion script ocn lo siguiente:

Código:

 

document.pago.papelrp.style.visibility="hidden"; 
document.pago.papelrl.style.visibility="hidden";

El problema es que esconde perfectamente el checkbox pero no la etiqueta.

Que podria estar haciendo mal??

Muchas gracias

[DragonX]

probá con esto:

<input type="checkbox" name="papelrp" value="E" style="display:none;">
<label id="papelrl" style="display:none;">Empacar en papel regalo </label></input>

[samile]

Al cargar la pagina debera aparecer tanto el checkbox como la etiqueta en determinado momento se llama la funcion script para que los oculte

[Mikmoro]

¿Quizá con <label id="papelrl" name="papelrl">Empacar en papel regalo </label>?

[samile]

Muchas gracias, les cuento como lo solucione:

document.getElementById("papelrl").style.visibilit y="hidden";

al parecer la propiedad name no existe para label

[Triby]

Tienes razón, smile, la propiedad name es exclusiva para elementos de formularios; para elementos de formato (div, p, label, span, etc.).

Al usar el atributo visibility, los elementos dejan un espacio en blanco en la posición donde les corresponde aparecer, si usas el atributo display no queda ese espacio:

Código:

<div id="papelrl" style="display:block;">
<input type="checkbox" name="papelrp" value="E" style="display:none;" />
<label>Empacar en papel regalo </label>
</div>

Su estado original es "block" y con el javascript debes cambiar:

Código:

document.getElementById("papelrl").style.display="none";

[samile]

listo gracias

[JavierB]

Mensaje movido al foro de JavaScript desde CSS.

Saludos,