creando un botón de radio dynamic con JQuery

Tengo un proyecto en el que tengo que darles a los usuarios varios conjuntos diferentes de opciones de botones de radio en función de un valor determinado que seleccionen en un menú desplegable.

Por ejemplo..

 red blue other  
Input
option 1 option 2

Description
option 1 option 2

Simplemente me gustaría agregar / eliminar opciones de cualquiera de las listas de opciones de radio (o ambas) cada vez que realicen una selección diferente.

Solo puedes hacer esto:

 $(document).ready(function() { // add a new input when a new color is chosen, for example $('#aaa').change(function() { var radio = $('').attr({ type: 'radio', name: 'colorinput', value: '3' }); $(':radio:last-child', '#abc').after(radio).after('option 3 '); }); }); 

Está creando dinámicamente una nueva entrada e insertándola después de la última radio dentro del elemento #abc .

Desde el post de Paolo Bergantino intente en lugar de:

 $(':radio:last-child', '#abc').after(radio).after('option 3 '); 

Esta:

 $(':radio:last-child', '#abc').after(radio).after('option:eq(2)');