jQuery Mobile - 在 listview 內建 radio button

功能介紹
結合 listview 和 fieldcontain , 在 listview 內建 radio button
效果圖

程式碼

<div data-role="page">

    <div data-role="content">

<ul data-role="listview" data-inset="true">

    <li data-role="list-divider">Radio Choose</li>

<li style="padding:0;border:0;">

<div data-role="fieldcontain" style="margin:0;">

    <fieldset data-role="controlgroup">

             <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked" />

             <label for="radio-choice-1">test1</label>



             <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />

             <label for="radio-choice-2">test2</label>



             <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />

             <label for="radio-choice-3">test3</label>



             <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />

             <label for="radio-choice-4">test4</label>

    </fieldset>

</div>

</li>

</ul>

</div>

</div>