Tengo el siguiente codigo para generar un grupo de radiobutton:
<?php
include_once 'conexiones/conexion.php';
function obtenerIdTipoCompartido() {
GLOBAL $conexion;
try
{
$consulta=$conexion->prepare("SELECT idTipoCompartido, descripcionTipoCompartido FROM tipo_compartidos");
$consulta->execute();
$resultados=$consulta->setFetchMode(PDO::FETCH_ASSOC);
foreach ($consulta->fetchAll() as $key => $value) {
$idTipoCompartido= $value["idTipoCompartido"];
$descripcionTipoCompartido= $value["descripcionTipoCompartido"];
echo "<input type=
'radio'
id='idTipoCompartido'
name='idTipoCompartido'
value=".$idTipoCompartido."
onchange='compartirOpciones();'>".$descripcionTipoCompartido;
}
}
catch (PDOExcepcion $e)
{
echo "Error".$e->getMessage();
}
}
?>
Quisiera mostrar el valor que tiene (1,2,3,4) mediante un evento onclick
. Tengo el siguiente archivo JS:
function compartirOpciones () {
var opcion = document.getElementById("idTipoCompartido");
var areaCompartir = document.getElementById("areaCompartir");
alert (opcion);
switch (opcion) {
case 1:
alert ("1");
if (opcion.checked) {
var valor= document.getElementById('idTipoCompartido').value;
alert(valor);
}
break;
case 2:
alert ("2");
break;
case 3:
alert ("3");
break;
case 4:
alert ("4");
break;
}
}
Pero me muestra unicamente 1,1,1,1, ¿Cómo puedo solucionarlo?
MALA MIA: en lo posible utilizar Javascript puro.
Código que uso actualmente:
function compartirOpciones(elemento){
var valor= elemento.value;
var id = elemento.id;
switch(valor) {
case 1:
alert(valor);
alert(id);
break;
case 2:
alert(valor);
alert(id);
break;
case 3:
alert(valor);
alert(id);
break;
case 4:
alert(valor);
alert(id);
break;
default:
}
}
No muestra el valor o el id
... echo "<input type= 'radio' id='idTipoCompartido' ...