Índice

Conocer el valor del atributo value

Este punto se refiere a los formularios y su atributo value.

val()

Recupera, en forma de cadena de caracteres, el contenido del atributo value del primer elemento de la selección.

$("input").val(): recupera el contenido del atributo value del primer campo del formulario de tipo <input>.

Este método devuelve una cadena de caracteres.

Ejemplo

Recuperamos el valor del botón de radio que se ha marcado.

Tras la carga:

images/3_9_v41.png

Selección del usuario y clic en el botón Mostrar la selección:

images/3_9_v42.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function() 
    { 
        $("button").click(function() 
        { 
            var eleccion = $(’input:radio:checked’).val(); 
            $("div").text(eleccion); 
        }); 
    }); 
</script> 
<style> 
    div { 
        width: 150px; 
        height: 16px; 
        border: 1px dotted black; 
    } 
</style> 
</head> 
<body> 
<p>Su navegador:</p>  ...