Agregue clase al objetivo en función del valor de entrada de radio (alternar, como función)

Respuesta resumida

Si encuentras algo similar aquí es la respuesta simple:

En mi código, obtengo el valor .val () de la entrada de radio verificada, que obtiene el valor de todas las radios que se han verificado, lo que resulta en clases no deseadas. Aprovechando la devolución de llamada .click, podemos obtener el valor .val () del valor de entrada específico del elemento seleccionado, que es una etiqueta de radio en mi caso.

Aquí hay otra gran solución al problema que tuve.¿Agregar clase y eliminar clase según la radio marcada? y el jsbin a esta soluciónhttp://jsbin.com/ugufi/27/

Espero que esto ayude a cualquier otra persona que pueda tener el mismo problema ... Respuesta bastante simple ... ¡gracias a todos!

La pregunta

Aquí está el código que tengo

http://jsbin.com/ugufi/11/

Con lo que estoy luchando es encontrar una solución para eliminar la clase después de agregarla al objetivo.

Tengo una lista de botones de radio, estoy obteniendo el valor de: entrada de radio verificada y poniendo ese valor en una clase.

Cuando se marca una nueva radio, se sigue agregando a la clase ex

    <div class="radio1 radio2 radio3 radio4"></div>

Lo que necesito (lo que sé es muy simple, pero no estoy seguro de qué usar).

   <div class="radio1"></div><!-- Radio input value with radio1 is checked -->

entonces cuando reviso una nueva entrada de radio

    <div class="radio4"></div><!-- Radio input value with radio4 is checked -->

PD. Busqué esta pregunta y encontré muchas respuestas, pero todas usan algún tipo de devolución de llamada .siblings () o .parent (), son excelentes soluciones, pero las entradas y el objetivo están alejados unos de otros en mi código.

Respuestas a la pregunta(2)

Su respuesta a la pregunta