porque no me funciona el button en mi form

[roboty]

Hola estoy intentando llamar a una funcion javascript al pulsar un input type button pero no me funciona no me muestra ningun error muestro el input por si me podeis ayudar:

Código HTML:

<form method='post' action='comprobar' name='form'>
<input type='text' name='edad'/>
<input type='text' name='estado'/>
<input type='button' name='comprobar' value='comprobar' onclick='comprobar(this.value)'/>
</form>
 

[dontexplain]

Iniciado por roboty

Hola estoy intentando llamar a una funcion javascript al pulsar un input type button pero no me funciona no me muestra ningun error muestro el input por si me podeis ayudar:

Código HTML:

<form method='post' action='comprobar' name='form'>
<input type='text' name='edad'/>
<input type='text' name='estado'/>
<input type='button' name='comprobar' value='comprobar' onclick='comprobar(this.value)'/>
</form>
 

El JS está mal, pégalo aquí.

[roboty]

Hola dontexplain el javascript hice algo muy basico para probar si era error de la funcion puse algo tan simple como:

el problema que estoy teniendo es que solo me muestra el valor del input con esta funcion por ejemplo

Código Javascript:

function comprobar(valores){
      alert(valores);
}
 

[dontexplain]

el elemento this hace referencia al elemento que desencadena el evento, que en este caso es el botón, si usas this.value accederás al value del botón y no al de los demás elementos. Para acceder a tales elementos puedes simplemente

form.edad.value y form.estado.value

o también, usando this de referencia acceder al padre y de ahí a los nodos hijos

<input type='button' name='comprobar' value='comprobar' onclick='ad(this.parentNode)' >

Código Javascript:

function ad(t){
  alert(t.childNodes[1].value);
  alert(t.childNodes[3].value);
}
 

[roboty]

gracias por tu colaboracion dontexplain, pero ahora tengo otra duda, si tengo dos campos input tipo radio, como puedo recuperar el valor del campo selecionado y mostrarlo con un alert por ejemplo como en tu funcion que posteastes.

Saludos.

[dontexplain]

Iniciado por roboty

gracias por tu colaboracion dontexplain, pero ahora tengo otra duda, si tengo dos campos input tipo radio, como puedo recuperar el valor del campo selecionado y mostrarlo con un alert por ejemplo como en tu funcion que posteastes.

Saludos.

Los radios checkeados tienen la propiedad checked a true, los que no la mantienen a false.

Recuerda que los input radio con un mismo name se agrupan en un array de inputs radio, de modo que si hay dos inputs radio con el nombre "asd", el objeto "asd" son dos objetos.

Código Javascript:

inputs = formulario.radio;
// con length se calcula el tamaño del array de inputs
lengthinputs = inputs.length;
 
// se hace el bucle
 
for(i=0; i<=lengthinputs-1; i++){
 
// si el valor de cheked es true se escribe el valor
 
if(inputs[i].checked){
 alert(inputs[i].value);
}
 
}
 

Lo he escrito sin comprobar los errores, pero la idea es tal. La variable inputs contiene un array de dos objetos, al primer objeto se le accede por inputs[0], al segundo por inputs[1], etc. Si usas un bucle, puedes recorrer el objeto, ya que en inputs[x] la x irá creciendo (del 0 hasta donde especifiques). En cada iteración puedes comprobar si el valor de checked es true, como un if se ejecuta si el valor es true ni siquiera es necesario que hagas inputs[i]==true.

Un saludo.

[Watafoc]

a mi me surgio una duda xDD, con el codigo que posteo el primero, igual no deberia generarse un alert que dijera "comprobar" que seria el value del boton??

edito: si lo hace, lo que pasaba era que el name del input era igual al nombre de la funcion le cambie el name al input y si me lanso la alerta con el value del boton, a lo mejor eso no fue lo que preguntaste pero ps quizas y si te sirva.

[roboty]

Hola entonces como le paso el valor del campo radio como parametro a la funcion? referente a el ejemplo anterior que me pusistes no me funciono y no me da ningun error a que puede ser debido, saludos.

[Watafoc]

en realidad creo que no tienes que pasarlo como parametro, creo que esto funcionaria no lo probe,

Código:

if (document.getElementById("el id del radio").checked)
{
//aqui estaria seleccionado
}
else
//aqui no estaria seleccionado

[dontexplain]

Iniciado por roboty

Hola entonces como le paso el valor del campo radio como parametro a la funcion? referente a el ejemplo anterior que me pusistes no me funciono y no me da ningun error a que puede ser debido, saludos.

Para la clase de trabajo que requieres no es necesario ni que pases ningún parámetro, pero si estás empeñado en lo del objeto this, como puse antes, puedes acceder a los nodos hijos, eso incluye los radios, si están dentro del form.

cuando haces this.parentNode pasas como parámetro el nodo padre, o sea el <form> y a partir de ahí, dentro de la función, mediante childnodes o con el name del elemento puedes acceder a los nodos hijos (todos los inputs que haya).

<form>
[textnode]
<input type="text">
<input type="text">
<input type="radio">
<button></button>
<input type="submit">
</form>

En rojo, el nodo PADRE, en verde, los nodos HIJOS. El textnode es el nodo de texto, si no hay texto el nodo permanece vacío, pero se referencia igualmente. Los inputs radio con el mismo nombre son un mismo nodo.

O sease

<form>
{[textnode]}

{<input type="text">}

{<input type="text">}

{<input type="radio" name="asd">
<input type="radio" name="asd">}

{<button></button>}

{<input type="submit">}

</form>

Cada corchete separa un nodo distinto, igual que cada color.

Un ejemplo sencillo http://jsbin.com/edurov/edit#javascript,html,live

[roboty]

Iniciado por Watafoc

en realidad creo que no tienes que pasarlo como parametro, creo que esto funcionaria no lo probe,

Código:

if (document.getElementById("el id del radio").checked)
{
//aqui estaria seleccionado
}
else
//aqui no estaria seleccionado

me refiero en la funcion donde tengo que recuperar el valor del campo radio, no solo si es true o false.

de todas forma con lo que dijo el amigo dontexplain cree una funcion js que retornara simplemente dicho valor y asin le paso la funcion como parametro a la otra funcion.

auque le pase los parametros uno a uno a mi funcion y claro si tengo dos campos no pasa nada pero en realidad tengo mas campos, alguna idea de como pasarle los valores de los campos, saludos

[dontexplain]

Iniciado por roboty

me refiero en la funcion donde tengo que recuperar el valor del campo radio, no solo si es true o false.

if(radios[i].checked){
lo que tiene que pasar si es true
}

Iniciado por roboty

auque le pase los parametros uno a uno a mi funcion y claro si tengo dos campos no pasa nada pero en realidad tengo mas campos, alguna idea de como pasarle los valores de los campos, saludos

Como ya expliqué antes, al acceder al nodo padre, que es form, puedes acceder a TODOS los elementos del formulario usando childnodes o el nombre.

elementopadre.nombreelemento ó elementopadre.childNodes[iddelelemento]