Skip to main content
se añadieron 309 caracteres en el cuerpo
Origen Enlace
Francisco Romero
  • 16.7k
  • 5
  • 34
  • 64

Dos puntualizaciones:

  • La primera, es que nunca más de un elemento en el código HTML debería de usar el mismo ID ya que va a generar problemas. Si quieres que varios elementos tengan unos estilos concretos puedes usar clases en su lugar.

  • Lo segundo, es que cuando tu haces clic sobre un elemento de la página puedes utilizar la palabra reservada this para hacer referencia al elemento que acabas de clickar y pasárselo a la función como parámetro.

Por lo tanto, no necesitarías utilizar mucho código para mostrar el valor que tiene cada radio button, simplemente pasar la referencia del elemento al que le estás haciendo clic como parámetro de la función y sacar su valor por pantalla.

Un pequeño ejemplo para que veas su funcionamiento:

function compartirOpciones(elemento){
  alert(elemento.value);
}
<form>
  <input type="radio" value="1" name="idTipoCompartido" onchange='compartirOpciones(this)'>
  <input type="radio" value="2" name="idTipoCompartido" onchange='compartirOpciones(this)'>
</form>

UPDATE

Si quieres usar un switch como el de tu ejemplo tendrías que poner comillas "" a cada uno de tus case ya que value devuelve un valor de tipo texto.

Ejemplo:

switch(valor){
    case "1":
       //Tu código
       break; 
    case "2":
       ....
}

Dos puntualizaciones:

  • La primera, es que nunca más de un elemento en el código HTML debería de usar el mismo ID ya que va a generar problemas. Si quieres que varios elementos tengan unos estilos concretos puedes usar clases en su lugar.

  • Lo segundo, es que cuando tu haces clic sobre un elemento de la página puedes utilizar la palabra reservada this para hacer referencia al elemento que acabas de clickar y pasárselo a la función como parámetro.

Por lo tanto, no necesitarías utilizar mucho código para mostrar el valor que tiene cada radio button, simplemente pasar la referencia del elemento al que le estás haciendo clic como parámetro de la función y sacar su valor por pantalla.

Un pequeño ejemplo para que veas su funcionamiento:

function compartirOpciones(elemento){
  alert(elemento.value);
}
<form>
  <input type="radio" value="1" name="idTipoCompartido" onchange='compartirOpciones(this)'>
  <input type="radio" value="2" name="idTipoCompartido" onchange='compartirOpciones(this)'>
</form>

Dos puntualizaciones:

  • La primera, es que nunca más de un elemento en el código HTML debería de usar el mismo ID ya que va a generar problemas. Si quieres que varios elementos tengan unos estilos concretos puedes usar clases en su lugar.

  • Lo segundo, es que cuando tu haces clic sobre un elemento de la página puedes utilizar la palabra reservada this para hacer referencia al elemento que acabas de clickar y pasárselo a la función como parámetro.

Por lo tanto, no necesitarías utilizar mucho código para mostrar el valor que tiene cada radio button, simplemente pasar la referencia del elemento al que le estás haciendo clic como parámetro de la función y sacar su valor por pantalla.

Un pequeño ejemplo para que veas su funcionamiento:

function compartirOpciones(elemento){
  alert(elemento.value);
}
<form>
  <input type="radio" value="1" name="idTipoCompartido" onchange='compartirOpciones(this)'>
  <input type="radio" value="2" name="idTipoCompartido" onchange='compartirOpciones(this)'>
</form>

UPDATE

Si quieres usar un switch como el de tu ejemplo tendrías que poner comillas "" a cada uno de tus case ya que value devuelve un valor de tipo texto.

Ejemplo:

switch(valor){
    case "1":
       //Tu código
       break; 
    case "2":
       ....
}
Origen Enlace
Francisco Romero
  • 16.7k
  • 5
  • 34
  • 64

Dos puntualizaciones:

  • La primera, es que nunca más de un elemento en el código HTML debería de usar el mismo ID ya que va a generar problemas. Si quieres que varios elementos tengan unos estilos concretos puedes usar clases en su lugar.

  • Lo segundo, es que cuando tu haces clic sobre un elemento de la página puedes utilizar la palabra reservada this para hacer referencia al elemento que acabas de clickar y pasárselo a la función como parámetro.

Por lo tanto, no necesitarías utilizar mucho código para mostrar el valor que tiene cada radio button, simplemente pasar la referencia del elemento al que le estás haciendo clic como parámetro de la función y sacar su valor por pantalla.

Un pequeño ejemplo para que veas su funcionamiento:

function compartirOpciones(elemento){
  alert(elemento.value);
}
<form>
  <input type="radio" value="1" name="idTipoCompartido" onchange='compartirOpciones(this)'>
  <input type="radio" value="2" name="idTipoCompartido" onchange='compartirOpciones(this)'>
</form>