v3rgu1.com

Comprobar si existe un elemento con jQuery es muy sencillo.

Simplemente tenemos que ejecutar el siguiente código indicando en el selector de jQuery el identificador, clase o condición del elemento que estamos buscando para conocer si existe.

// Comprueba si existe algún elemento con el identificador "identifier"

if ($('#identifier').length) {

// Do something

}

// Comprueba si existe algún elemento con la clase css "mycssclass" asociado

if ($('.mycssclass').length) {

// Do something

}

// Comprueba si existe algún elemento de tipo radio-button

if ($(':radio').length) {

// Do something

}

Siempre se me olvida, no sé cómo lo hago pero cuando estoy programando y necesito recoger el valor del radio button seleccionado… me surge siempre la misma pregunta: ¿y esto cómo se hacía?

jQuery

Así que comparto con vosotros y me lo anoto para mí mismo la forma de recoger el valor del radiobutton seleccionado con la ayuda de jQuery.

Disponemos del siguiente grupo de radio-buttons dentro de un formulario para indicar el género o sexo de un usuario, y deseamos conocer el valor del botón de tipo radio seleccionado:

</p>
<p><label><input type="radio" id="gender-male" name="gender" value="male"/> Hombre</label><br />
<label><input type="radio" id="gender-female" name="gender" value="female"/> Mujer</label></p>
<p>

Mediante jquery podemos obtener el valor actual del radio con cualquiera de las siguientes líneas:

</p>
<p>var gender = $("input:radio[name='gender']:checked'").val();<br />
var gender = $("input[@name='gender']:checked").val();</p>
<p>

Y para los nostálgicos, cómo recoger el valor del radiobutton con javascript, sin ayuda de la librería jQuery (ayns… que recuerdos me trae esta función…):

</p>
<p>function getValueRadio(nombreFormulario,nombreCampo){<br />
  var longitud = eval("document."+nombreFormulario+"."+nombreCampo+".length")<br />
  for (var l=0; l<longitud; l++){<br />
    if (eval("document."+nombreFormulario+"."+nombreCampo+"["+l+"].checked"))<br />
        return eval("document."+nombreFormulario+"."+nombreCampo+"["+l+"].value");<br />
  }<br />
  return null;<br />
}//getValueRadio<br />