0

アンカー リンクをラジオ ボタンまたは表示/非表示の 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>
4

1 に答える 1

1

OK、更新後、同じIDを持つ複数の要素に唯一の問題があったようです。要素の ID は一意である必要があることに注意してください。

idラジオ ボタンから属性を削除するか、その値を変更して、その動作を確認します。

デモ: http://jsfiddle.net/g4v3P/

于 2012-05-21T18:15:27.723 に答える