Foros del Web » Creando para Internet » HTML »

ocultar un radio boton y que sirva para selecionarlo de manera oculta

Estas en el tema de ocultar un radio boton y que sirva para selecionarlo de manera oculta en el foro de HTML en Foros del Web. saludos, como puedo ocultar un par de radio boton y asi mismo que cumpla la funcion de seleccionado tengo esto en css Cita: input.checkbox{visibility:hidden } ...
  #1 (permalink)  
Antiguo 26/04/2012, 16:14
 
Fecha de Ingreso: octubre-2006
Mensajes: 128
Antigüedad: 18 años, 1 mes
Puntos: 0
ocultar un radio boton y que sirva para selecionarlo de manera oculta

saludos, como puedo ocultar un par de radio boton y asi mismo que cumpla la funcion de seleccionado

tengo esto en css
Cita:
input.checkbox{visibility:hidden }
y una linea en un cuadro de texto para seleccionarlo
Cita:
onClick="seleccionarradioboton(this)"
pero al estar visibility:hidden no me lo selecciona
  #2 (permalink)  
Antiguo 26/04/2012, 17:51
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: ocultar un radio boton y que sirva para selecionarlo de manera oculta

Bueno, es un poco obvio, vas a necesitar de otro elemento que ejecute la función de selección.
Son radios o checkboxes?

Aqui te dejo una demo para hacerlo con checkboxes a través de una imágen. supongo que para radios funcionará igual, tendrías que adaptar algunas cosas

http://foros.emprear.com/javascript/checkboxes-ocultos/

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 26/04/2012, 17:59
 
Fecha de Ingreso: octubre-2006
Mensajes: 128
Antigüedad: 18 años, 1 mes
Puntos: 0
Respuesta: ocultar un radio boton y que sirva para selecionarlo de manera oculta

Son radios lo necesito para seleccionar una funcion con php pero no deseo que se vean, asi con el ejemplo que enviaste puede servir ya que la imagen se pueden camuflajear con el fondo para que de la impresion de que esta invisible, pero se podra adaptar para radio? Que se le tendra que modificar?
  #4 (permalink)  
Antiguo 27/04/2012, 07:51
 
Fecha de Ingreso: octubre-2006
Mensajes: 128
Antigüedad: 18 años, 1 mes
Puntos: 0
Respuesta: ocultar un radio boton y que sirva para selecionarlo de manera oculta

ok si sirven para los radio pero la imagen se comporta diferente, como se puede modificar para que las imagenes se seleccione con el radio si el radio o esta seleccionado se deseleccione la imagen
Cita:
<style type="text/css">.boxes {display: none; }</style>
<script type="text/javascript">


function testchk(){
var valor = document.getElementById('chk_id').checked;
var valor2 = document.getElementById('chk_id2').checked;
alert(valor + '-' +valor2);
}
function check(checkboxid,imag,reemplazo,defecto) {
var valor = document.getElementById(checkboxid).checked;

if (valor == false){
document.getElementById(checkboxid).checked = true;
document.getElementById(imag).src = reemplazo;
}else{
document.getElementById(checkboxid).checked = false;
document.getElementById(imag).src = defecto;
}
}
</script>

<img src="checkboxbg.gif" onclick="check('chk_id',this.id,'checkboxbg2.gif', 'checkboxbg.gif');" width="110" height="150" alt="" id="uno" />
<img src="checkboxbg.gif" onclick="check('chk_id2',this.id,'checkboxbg2.gif' ,'checkboxbg.gif');" width="110" height="150" alt="" id="dos" />

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="get">
<p class="boxes">
<input class="checkbox" type="radio" id="chk_id" name="preferencias[]" value="internet" />
<input class="checkbox" type="radio" id="chk_id2" name="preferencias[]" value="deportes" />
</p>
<p>
<br />
<input type="submit" name="procesar" value="enviar"/>
</p>
</form>
<p>
<br />
<a href="#" onclick="testchk();">Verificar</a>
</p>

<?php

if(isset($_GET['procesar'])){

$prefs = $_GET['preferencias'];
if(!empty($prefs)){
echo "tus preferencias son: <br />";
$N = count($prefs);
for($i=0; $i < $N; $i++){
echo $prefs[$i] . "<br />";
}
}

}
?>
aqui podemos seleccionar ambas imagenes como lo haria con checkbox pero con radio se deberia seleccionar una sola imagen de acuerdo a radio que este seleccionado

Etiquetas: css, input, manera, oculta, radio, botones
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:04.