jQuery Mobile單選按鈕（顯示/隱藏div）？

有沒有簡單的方法來附加一個錨點鏈接到單選按鈕或可能顯示/隱藏分區...我目前必須在頁面上單選按鈕，我想div內的文本更改時，備用選項是選擇。這是我到目前爲止所嘗試的。到目前爲止沒有運氣jQuery Mobile單選按鈕（顯示/隱藏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>

來源

2012-05-21 acctman

好的，更新後似乎唯一的問題是在多個元素具有相同的ID。請考慮元素的ID應爲唯一。

從單選按鈕中刪除id屬性或更改其值，並檢查它的工作原理。

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

來源

2012-05-21 18:15:27 VisioN

感謝。有沒有辦法讓第一個選項onLoad（預選） – acctman

是的：http://jsfiddle.net/g4v3P/1/。 – VisioN

jQuery Mobile單選按鈕（顯示/隱藏div）？

回答

相關問題