jQuery Mobile 单选按钮（显示/隐藏 div）？答案

【问题标题】：jQuery Mobile radio button (show/hide div)?jQuery Mobile 单选按钮（显示/隐藏 div）？
【发布时间】：2012-05-22 02:15:27
【问题描述】：

是否有一种简单的方法可以将锚链接附加到单选按钮或显示/隐藏 div...我目前必须在页面上单选选项按钮，我希望 div 中的文本更改选择替代选项时退出。这是我目前正在尝试的。到目前为止没有运气

<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>

【问题讨论】：

标签： jquery jquery-mobile

【解决方案1】：

好的，在您的更新之后，似乎唯一的问题在于具有相同 ID 的多个元素。请考虑元素的 ID 应该是唯一的。

从单选按钮中删除id 属性或更改其值并检查其工作原理。

演示： http://jsfiddle.net/g4v3P/

【讨论】：

谢谢。有没有办法让第一个选项 onLoad（预选）