[SOLUCIONADO] radio button saber el valor al apretar un link

derleguan · #1 (**permalink**) 30/03/2013, 14:11

hola me gustaria saber si se puede optener el valor de un radio button al apretar un link

Código HTML:

Ver original<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<script type="text/javascript">
        function opcion_radio_button(){
            alert ("usted a selecionado 1");    
        }
        
 
</script>
<title>Documento sin título</title>
</head>
 
<body>
    <section >
            
 
                    
                            <input type=radio name=opcion value="1"><label>1</label>
                            <input type=radio name=opcion value="2"><label>2</label>
                            <input type=radio name=opcion value="3"><label>3</label>
                            <input type=radio name=opcion value="4"><label>4</label>
                            <input type=radio name=opcion value="5"><label>5</label>
        </section>
        <aside>
            <a href="#" onclick="javascript:opcion_radio_button();" >enviar</a>
        </aside>
        
</body>
</html>

Albuss · #2 (**permalink**) 30/03/2013, 16:04

dale una id a cada uno y con getElementByID utiliza .value, te devoverá el valor incluso si es un string. Por cierto, en los formularios en vez del ID puedes utilizar el name para identificarlo (como es tu caso), es decir , en tu caso dales nombres distinos y haz esto :

Código Javascript:

Ver originaldocument.getElementsByName('').value;

derleguan · #3 (**permalink**) 30/03/2013, 16:48

gracias por tu aporte, pero creo que al darle nombre diferente al radio button no corresponde a la misma familia lo que permite que se pueden seleccionar varios y no solo uno que es lo que busco

emprear · #4 (**permalink**) 30/03/2013, 17:04

Los radios de un mismo nombre constituyen un array, asi que lo que tenés que hacer es recorrer el array y buscar cual está "checked"

Código HTML:

Ver original<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
<script type="text/javascript">
function opcion_radio_button(){
var u = 0;
var radios = document.getElementsByName('opcion');
for(var i = 0; i < radios.length; i++) {
if(radios[i].checked == true) {
alert ("usted a selecionado "+ radios[i].value);    
u = 1;
}
}
if(u == 0){
alert ("seleccione una opción");
}
 
 }
        
 
</script>
<title>Documento sin título</title>
</head>
 
<body>
<section >
<input type="radio" name="opcion" value="1"><label>1</label>
<input type="radio" name="opcion" value="2"><label>2</label>
<input type="radio" name="opcion" value="3"><label>3</label>
<input type="radio" name="opcion" value="4"><label>4</label>
<input type="radio" name="opcion" value="5"><label>5</label>
</section>
 <aside>
<button onclick="opcion_radio_button();" >enviar</button>
</aside>
 
</body>
</html>

Evitá el uso de un <a>, para cosas como esta, no es muy semántico,

Saludos

derleguan · #5 (**permalink**) 30/03/2013, 17:14

pude hacer lo que nesesitava de rescatar el valor con jquery dejo el codigo para los que se le presente algun problema parecido

Código Javascript:

Ver original<!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
            function opcion_radio_button(){
                
                alert ("usted a selecionado"+ $("input[name=opcion]:checked").val());   
            }
            
 
 
    </script>
    <title>Documento sin título</title>
    </head>
 
    <body>
        <section >
                <input type=radio name="opcion" value="1"><label>1</label>
                <input type=radio name="opcion" value="2"><label>2</label>
                <input type=radio name="opcion" value="3"><label>3</label>
                <input type=radio name="opcion" value="4"><label>4</label>
                <input type=radio name="opcion" value="5"><label>5</label>
        </section>
        <aside>
            <a href="#" onclick="javascript:opcion_radio_button();" >enviar</a>
        </aside>
            
    </body>
    </html>

emprear · #6 (**permalink**) 30/03/2013, 17:17

Quiero creer que cargás jQuery para hacer algo más, porque tan solo para eso, es una desproporción

SAludos

derleguan · #7 (**permalink**) 30/03/2013, 17:19

xd llegamos al mismo resultado de dos maneras diferentes gracias igual emprear, cuando vi tu respuesta ya lo habia solucionado.

derleguan · #8 (**permalink**) 30/03/2013, 17:21

por el momento no posterior quiero agregarles algunas cosas con jquery de lo que pretendo hacer.