onclic radio button

[davidbrepe]

Muy buenas a todos!!
tengo una pequeña duda y no se muy bien si postearla aquí o en el foro de javascript...
primero la posteo aquí, si alguien considera que no es su lugar que avise, y si es mod que lo cambie

bueno la duda es la siguiente. Tengo este form

Código HTML:

<form action="index.php" onsubmit="return buscar()">
      <label>Buscar</label> <input type="text" id="q" name="q" onKeyUp="return buscar()">
      <input type="submit" value="Buscar" id="boton"><br />
      <input type="hidden" name="ord" value="desc" id="o"  > Cancion
      <input type="radio" name="loc" id="cancion"  onclic="document.form.ord.value='desc'; return buscar();  > Cancion
      <input type="radio" name="loc" id="artista" onclic="document.form.ord.value='asc'; return buscar(); "> Artista<br />
 
      <span id="loading"></span>
</form>
 

que llama a un script el cual creara una variable con el value de ord

mi pregunta es, como hago para que al hacer clic sobre uno de los radiobutton se cambie el value de "ord" y llamar a la función buscar() ?

yo he puesto por probar

Código HTML:

onclic="document.form.ord.value='asc'; return buscar(); "
 

pero no funciona...


un saludo!

[maycolalvarez]

prueba de esta forma utilizando las colecciones, que es más compatible para varios navegadores:

onclick="document.forms['form'].elements['ord'].value='asc'; return buscar(); "


también tienes document.getElementById() pero en este caso por el ID del objeto

PD: es onclick con K

[davidbrepe]

Iniciado por maycolalvarez

PD: es onclick con K

como se me fue!

Muchas gracias!!

ahora el problema es que una vez seleccionado un radiobutton si pulsas el otro funciona, pero no queda marcado como checked...

he probado con varias funciones que encontré en google y en este foro, pero no funciona...

a ver si alguien sabe una solución, si no me cargare los radiobuttons, metere una imagen y modificare el estilo en el onclick

[javiDP]

Mete esto en el onClick de los radiobutton:

Código Javascript:

this.form.loc.focus();
 

Ejemplo:

Código Javascript:

<input type="radio" name="loc" id="cancion" onClick="document.form.ord.value='desc'; return buscar(); document.form.loc.focus();">
<input type="radio" name="loc" id="artista" onClick="document.form.ord.value='asc'; return buscar(); document.form.loc.focus();">
 

Un saludo!

[davidbrepe]

muchas gracias JaviDP

se seleccionaba y deseleccionaba perfectamente, pero no llamaba a la función...

al final cambie el onclick por onfocus y listo.

Código HTML:

<input type="radio" name="loc" id="cancion" value="cancion" onfocus="document.getElementById('o').value='tit'; return buscar();" >
<input type="radio" name="loc" id="artista" value="artista" onfocus="document.getElementById('o').value='art'; return buscar();" >
 

Un saludo!!