Detectar opción de radio tildada

[Euclides64]

Duplico consulta efectuada en el foro de PHP y que según parece corresponde mas a este foro de javascript:

---------------------------------------------------------------------------------------------------
Dispongo de un pequeño formulario con dos opciones de radio y un boton, necesito detectar el radio tildado para que el boton me redirija a una página u otra, mi código es el siguiente:
Código PHP:

Código PHP:

<form name=selec>
              <p><strong>Cliente y representado con la misma persona:</strong> &nbsp; <input type="Radio" id="si" name="option" value="si" checked> Si &nbsp; <input type="Radio" id="no" name="option" value="no" > No</p>
              <br />
              <p align="right"><a href=<?php
              if (selec_checked == true)
              {
                  echo "nuevo_exp_mis.php";
              }
              else
              {
                  echo "nuevo_exp_dis.php";  
              }?>><input type='button' style="cursor:pointer" name='traspasar' id='traspasar' value='Traspasar ' class='boton1'/></a></p>
    </form>
 

El if condicional no lo debo de estar poniendo correctamente, siempre me selecciona la misma página, agradecería vuestro asesoramiento.
---------------------------------------------------------------------------------------------------

No dispongo de muchos conocimientos de javascript y las consultas antiguas que he visualizado en este foro y en Google, no he sabido adaptarlas, agradecería vuestra orientación al respecto.

Gracias y saludos.

[cesar_viridi]

Recuerda que PHP solo se ejecuta de lado del servidor asi que todo lo que quieras cambiar de lado del cliente si tener que actualizar hay que hacerlo Javascript o AjAx

Prueba esto

Código HTML:

<form action="" id="form" name="selec">
    <strong>Cliente y representado con la misma persona:</strong>
    <input type="Radio" id="si" name="option" value="nuevo_exp_mis.php" checked> Si 
    <input type="Radio" id="no" name="option" value="nuevo_exp_dis.php" > No</p>
    <input type='button' style="cursor:pointer" onclick="link()" name='traspasar' id='traspasar' value='Traspasar ' class='boton1'/></a></p>
* * </form>
 
<script type="text/javascript">
    function link(){
        if (document.getElementById('si').checked == true) {
            var val = document.getElementById('si').value;
            document.getElementById('form').action = val;
        }else{
            var val = document.getElementById('no').value;
            document.getElementById('form').action = val;
        }
    }
</script>
 

Saludos...

[Euclides64]

cesar_viridi, Gracias por la respuesta.

Te comento que algo debe de estar mal en el script, en ninguna de las dos opciones se produce el salto a la página.

Como decía conozco poco el lenguaje javascript, no obstante he intentado ver donde puede estar el error pero ninguno de los cambios que he efectuado funciona.

Gracias por tu interés.

[cesar_viridi]

Código HTML:

<form action="" id="form" name="selec" onsubmit="link();">
    <strong>Cliente y representado con la misma persona:</strong>
    <input type="Radio" id="si" name="option" value="nuevo_exp_mis.php" checked> Si 
    <input type="Radio" id="no" name="option" value="nuevo_exp_dis.php" > No</p>
    <input type='submit' style="cursor:pointer" name='traspasar' id='traspasar' value='Traspasar ' class='boton1'/></a></p>
* * </form>
 
<script type="text/javascript">
    function link(){
        if (document.getElementById('si').checked == true) {
            var val = document.getElementById('si').value;
            document.getElementById('form').action = val;
        }else{
            var val = document.getElementById('no').value;
            document.getElementById('form').action = val;
        }
    }
</script>
 

Listo el input era tipo button deberia de ser submit

Saludos...

[IsaBelM]

te equivocas. prueba así

<script type="text/javascript">

function link(chk){
document.select.action = chk;

}
</script>

<form action="nuevo_exp_mis.php" id="form" name="selec">
<strong>Cliente y representado con la misma persona:</strong>
<input type="Radio" id="si" name="option" onclick="link(this.value)" value="nuevo_exp_mis.php" checked> Si
<input type="Radio" id="no" name="option" onclick="link(this.value)" value="nuevo_exp_dis.php" > No</p>
<input type='submit' style="cursor:pointer" name='traspasar' id='traspasar' value='Traspasar ' class='boton1'/></a></p>
</form>

[Euclides64]

Agradezco mucho vuestro interés y las respuestas facilitadas, con la de cesar_viridi obtengo el resultado que necesito, la de IsaBelM. debe de tener algo que en las dos opciones (si y no), se abre la misma página.

Aclaro el resultado de ambas respuestas:

A la respuesta de cesar_viridi
Cuando tildo la opción SI, a mi URL se le añade:
nuevo_exp_mis.php?option=nuevo_exp_mis.php&traspas ar=Traspasar
Y el resultado es la apertura de mi página nuevo_exp_mis.php
Por el contrario si tildo la opción NO, a mi URL se le añade:
nuevo_exp_dis.php?option=nuevo_exp_dis.php&traspas ar=Traspasar
Y el resultado es el mismo, se abre la página nuevo_exp_dis.php

A la respuesta de IsaBelM
Cuando tildo la opción SI, a mi URL se le añade:
nuevo_exp_mis.php?option=nuevo_exp_mis.php&traspas ar=Traspasar
Y el resultado es la apertura de mi página nuevo_exp_mis.php
Por el contrario si tildo la opción NO, a mi URL se le añade:
nuevo_exp_mis.php?option=nuevo_exp_dis.php&traspas ar=Traspasar
Y el resultado es el mismo, se abre la página nuevo_exp_mis.php

Ya con lo que tengo me vale y no quiero rizar el rizo pero no sería mas correcto que a la URL solo se le añadiese el nombre de la página llamada, ¡Es esto posible!.

Muchas gracias.

[cesar_viridi]

Iniciado por Euclides64

Agradezco mucho vuestro interés y las respuestas facilitadas, con la de cesar_viridi obtengo el resultado que necesito, la de IsaBelM. debe de tener algo que en las dos opciones (si y no), se abre la misma página.

Aclaro el resultado de ambas respuestas:

A la respuesta de cesar_viridi
Cuando tildo la opción SI, a mi URL se le añade:
nuevo_exp_mis.php?option=nuevo_exp_mis.php&traspas ar=Traspasar
Y el resultado es la apertura de mi página nuevo_exp_mis.php
Por el contrario si tildo la opción NO, a mi URL se le añade:
nuevo_exp_dis.php?option=nuevo_exp_dis.php&traspas ar=Traspasar
Y el resultado es el mismo, se abre la página nuevo_exp_dis.php

A la respuesta de IsaBelM
Cuando tildo la opción SI, a mi URL se le añade:
nuevo_exp_mis.php?option=nuevo_exp_mis.php&traspas ar=Traspasar
Y el resultado es la apertura de mi página nuevo_exp_mis.php
Por el contrario si tildo la opción NO, a mi URL se le añade:
nuevo_exp_mis.php?option=nuevo_exp_dis.php&traspas ar=Traspasar
Y el resultado es el mismo, se abre la página nuevo_exp_mis.php

Ya con lo que tengo me vale y no quiero rizar el rizo pero no sería mas correcto que a la URL solo se le añadiese el nombre de la página llamada, ¡Es esto posible!.

Muchas gracias.

Que bueno que obtuviste el resultado deseado solo modifica esta linea

<form action="" id="form" name="selec" onsubmit="link();">

por

<form action="" id="form" name="selec" onsubmit="link();" method="POST">

Saludos

[IsaBelM]

el error está en que el nombre de tu form es "selec" y yo he escrito "select"

document.select.action = chk;

cualquier herramienta para diseñadores te lo habría indicado

[Euclides64]

Todo perfecto.
Gracias IsaBelM, con vuestra ayuda ya se un poco mas de Javascript.

Un saludo.