Seleccionar un radio button desde un texto link.

[Netfrank]

Hola gente.

Necesito saber cómo se hace para que un radio button o un check box se seleccionen clickeando en el texto que los acompaña.

Desde ya gracias.

[derkenuke]

Humm, eso es HTML puro y duro:

Código PHP:

  <input id="lgr" type="radio"><label for="lgr">Tu texto</label>  
   

Saludos.

[JavierB]

Movido al foro de (X)HTML desde JavaScript.

Saludos,

[McBlink]

Buenos Dias,
con solo envolver al checkbox o button con <label>......</label> clickees en el check o en las letras te lo toma...
saludos!
MC

[SCY-FOX]

Saludos.

Sorry por levantar un tema viejo, pero tengo un problema con esto mismo, y no quise hacer doble post sin buscar primero.

Sucede que tengo un formulario con una seccion que se llama "usuario". En ella se puede crear uno nuevo o seleccionar uno ya existente desde un dropdown.

Traté de que al momento de seleccionar un campo del drop o del campo de texto para ingresar uno nuevo, se seleccionara automático el radiobutton de la selección, pero se me va el foco, por lo que no puedo escribir en el campo o seleccionar algo sin soltar el boton.

Algun consejo???

[David]

Eso debes hacerlo con Javascript, en el evento onchange del select seleccionas el radio (radio.checked = true)

[SCY-FOX]

Sigo con problemas. Cuando aplico la funcion en "Onchange", pierdo el foco de el textbox o del select box.

html

Código:

<td width="3%" bgcolor="#EFEFEF"><div align="center">
      <input type="radio" name="tipo_cliente" id="tipo_cliente1" value="existe" />
    </div></td>
    <td width="18%" bgcolor="#EFEFEF"><strong>Cliente: </strong> *</td>
    <td><label for="tipo_cliente1"><select name="cliente2" id="cliente" onchange="checarRadio1()">
      <option value="00" selected="selected">Seleccionar Cliente</option>
      <?php clientes_combobox(); ?>
    </select> 
    </label>
      (beta)
    </td>
    <td colspan="3"><div align="center"><strong>Fecha Ingreso Solicitud</strong> - 
      <?=$fecha_actual;?>
          <input type="hidden" name="fecha_ingreso" value="<?=$fecha_ingreso;?>" />
    </div></td>
    </tr>
      <tr bgcolor="#EFEFEF">
    <td width="3%" bgcolor="#EFEFEF"><div align="center">
      <input type="radio" name="tipo_cliente" id="tipo_cliente2" value="nuevo" />
    </div></td>
    <td width="18%" bgcolor="#EFEFEF"><strong>Cliente Nuevo: </strong>*</td>
    <td colspan="4"><label for="tipo_cliente2"><input name="cliente" type="text" id="cliente2" size="40" onchange="checarRadio2()" /></label></td>

JS Code:

Código:

function checarRadio1()
{
		document.getElementById("tipo_cliente1").checked	=	true;
		document.getElementById("tipo_cliente2").checked	=	false;
		document.getElementById("cliente1").focus();
}

function checarRadio2()
{
		document.getElementById("tipo_cliente2").checked	=	true;
		document.getElementById("tipo_cliente1").checked	=	false;
		document.getElementById("cliente2").focus();
}

[David]

¿Por qué llamas al método focus() si no quieres enviar el foco al radio? .

Además, no coloques la etiqueta select dentro de la etiqueta label, ya que el select no es la etiqueta del radio.