0

有没有一种简单的方法可以将锚链接附加到单选按钮或显示/隐藏 div...我目前必须在页面上添加单选选项按钮，并且我希望 a 中的文本在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>
4

1 回答 1

1

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

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

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

于 2012-05-21T18:15:27.723 回答