Foros del Web » Programando para Internet » Javascript »

Seleccionar Radio Button dependiendo su valor.

Estas en el tema de Seleccionar Radio Button dependiendo su valor. en el foro de Javascript en Foros del Web. Hola no se si se entiende la pregunta, pero generalmente lo que deseo, es saber de que manera puedo lograr que por ejemplo un radio ...
  #1 (permalink)  
Antiguo 21/07/2015, 17:31
 
Fecha de Ingreso: abril-2015
Ubicación: Bogotá D.C - Colombia
Mensajes: 106
Antigüedad: 4 años, 9 meses
Puntos: 11
Información Seleccionar Radio Button dependiendo su valor.

Hola no se si se entiende la pregunta, pero generalmente lo que deseo, es saber de que manera puedo lograr que por ejemplo un radio button básico de html sea seleccionado mediante js/jquery si tengo un previo valor de un grupo de hermanos... Ejemplo básico:

Código HTML:
SEXO:
<label><input type="radio" name="grupodehermanos" value="M" /> Masculino.</label>
<label><input type="radio" name="grupodehermanos" value="F" /> Femenino.</label> 
Con lo anterior si tengo el valor M de que manera puedo asignarle el checked a ese radio con dicho valor, existe alguna función nativa de js o jquery y/o abreviación para hacerlo, o tengo que recorrer y examinar el conjunto de radios con un for/each...?

Desde ya agradezco sus respuestas...
  #2 (permalink)  
Antiguo 21/07/2015, 18:08
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Seleccionar Radio Button dependiendo su valor.

Mediante la propiedad value:

Código Javascript:
Ver original
  1. document.querySelector("[value=M]");

Con lo anterior, tomo al radio button con el valor "M".

Y si quiero ser más específico:

Código Javascript:
Ver original
  1. document.querySelector("[name=grupodehermanos][value=M]");

Tomo al radio button de nombre "grupodehermanos" y valor "M". Y puedes seguir especificando la selección añadiendo más selectores, pero no te excedas porque ralentizarás más la búsqueda.

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #3 (permalink)  
Antiguo 21/07/2015, 18:45
 
Fecha de Ingreso: abril-2015
Ubicación: Bogotá D.C - Colombia
Mensajes: 106
Antigüedad: 4 años, 9 meses
Puntos: 11
Respuesta: Seleccionar Radio Button dependiendo su valor.

Hola amigo! Gracias por responder a la final lo resolví así

Código HTML:
var $radios = $('input:radio[name=grupodehermanos]');
$radios.filter('[value=ValorABuscar]').prop('checked', true); //Con el filtro se busca el radio con el valor especificado.
  #4 (permalink)  
Antiguo 21/07/2015, 18:47
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Seleccionar Radio Button dependiendo su valor.

No creo que haga falta cargar toda una librería para hacer algo que en una sola línea se puede hacer.

Código Javascript:
Ver original
  1. document.querySelector("[name=grupodehermanos][value=M]").checked = true;

__________________
«Laissez faire et laissez passer, le monde va de lui même»

Etiquetas: button, dependiendo, html, input, js, radio, valor
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 06:17.