¿Botón de radio jQuery Mobile (mostrar/ocultar div)?

¿Existe una manera simple de adjuntar un enlace de anclaje al botón de opción o tal vez un div para mostrar/ocultar... Actualmente tengo botones de opción de opción en una página y me gustaría que el texto se encuentre dentro de un div para cambiar cuando se selecciona la opción alternativa. Esto es lo que estoy intentando hasta ahora. Hasta ahora sin suerte

<style type="text/css">
    .nutwork { display: none; }
</style>
<script type="text/javascript">
    $(document).ready(function(){ 
        $("input[name=nutwork]").change(function() {
            var test = $(this).val();
            $(".nutwork").hide();
            $("#"+test).show();
        }); 
    });
</script>
    <div data-role="fieldcontain" class="no-field-separator">
        <div class="center_group">
         <fieldset data-role="controlgroup" data-type="horizontal">                  
           <input type="radio" name="nutwork" id="radio1" value="radio1" checked="checked"/>
           <label for="radio1">
            Item 1
           </label>
           <input type="radio" name="nutwork" id="radio2" value="radio2"  />
           <label for="radio2">
            Item 2
           </label>
         </fieldset>
        </div>
     </div>

<div id="radio1" class="nutwork">
Test
</div>

<div id="radio2" class="nutwork">
Test item 2
</div>

preguntado el 21 de mayo de 12 a las 19:05

1 Respuestas

OK, después de su actualización, parece que el único problema estaba en varios elementos con la misma ID. Tenga en cuenta que los ID de los elementos debiera ser único.

Eliminar id atributos de los botones de radio o cambie sus valores y verifique cómo funciona.

DEMO: http://jsfiddle.net/g4v3P/

contestado el 21 de mayo de 12 a las 19:05

Gracias. ¿Hay alguna manera de hacer que la primera opción onLoad (preseleccionada) - contador

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.