Question

是否有一种简单的方法可以将锚链接附加到单选按钮或者显示/隐藏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>

Answer 1

好的，在您更新后，似乎唯一的问题是具有相同ID的多个元素。请注意元素的ID应唯一。

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

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

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

1 个答案: