martes, 16 de julio de 2013

Uso de input radio en Jquery Mobile


Otro elemento importante es crear grupos de input radio, para poder estilizarlo con Jquery Mobile hay que tener en cuenta un aspecto muy importante, cada input radio debe tener un id con valor igual al atributo for de la etiqueta label que lo precede, de lo contrario no funcionará ... 

<input name="radio" id="radio-1" type="radio" value="uno" checked> 
 <label for="radio-1">Uno</label> 

Veamos un ejemplo de controlgroup para input radio ... 

<form>
<fieldset data-role="controlgroup" data-type="vertical">
<input name="radio" id="radio-1" type="radio" value="uno" checked>
<label for="radio-1">Uno</label>
<input name="radio" id="radio-2" type="radio" value="dos">
<label for="radio-2">Dos</label>
<input name="radio" id="radio-3" type="radio" value="tres">
<label for="radio-3">Tres</label>
</fieldset>
</form>

Jquery Mobile


2 comentarios:

Anónimo dijo...

hola, quisiera saber como puedo extraer la opcion elegida para luego hacer comparaciones de verdadero o falso.
en otras palabras la opcion correcta para un tes

agradecido

Manu dijo...

La respuesta para saber el valor de input la puedes ver en el siguiente enlace ... http://jquery-manual.blogspot.com.es/2013/02/obtener-value-de-input-radio-y-estado.html