widgets/list/list-radio.html

   1 <div data-role="page" id="genlist-radio" data-add-back-btn="footer">
   2         <div data-role="header" data-position="fixed">
   3                 <h1>Radio Button lists</h1>
   4         </div>
   5         <div class="content" data-role="content" data-scroll="y">
   6                 <form>
   7                 <ul data-role="listview">
   8                         <li class="ui-li-has-radio ui-list-link">
   9                                 <a href="#">
  10                                         <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" checked="checked"/>
  11                                 Radio</a>
  12                         </li>
  13                         <li class="ui-li-has-radio ui-list-link">
  14                                 <a href="#">
  15                                         <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"/>
  16                                 Radio 2</a>
  17                         </li>
  18                         <li class="ui-li-has-radio ui-list-link">
  19                                 <a href="#">
  20                                         <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"/>
  21                                 Radio3</a>
  22                         </li>
  23                         <li class="ui-li-has-radio">
  24                                 <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"/>
  25                                 Radio Item 4
  26                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
  27                         </li>
  28                         <li class="ui-li-has-radio">
  29                                 <input type="radio" name="radio-choice-1" id="radio-choice-5" value="choice-5"/>
  30                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  31                                 Radio Item 5
  32                         </li>
  33                         <li class="ui-li-has-radio">
  34                                 <input type="radio" name="radio-choice-1" id="radio-choice-6" value="choice-6"/>
  35                                 Radio Item 6
  36                         </li>
  37                         <li class="ui-li-has-radio">
  38                                 <input type="radio" name="radio-choice-1" id="radio-choice-7" value="choice-7"/>
  39                                 Radio Item 7
  40                         </li>
  41                         <li class="ui-li-has-radio">
  42                                 <input type="radio" name="radio-choice-1" id="radio-choice-8" value="choice-8"/>
  43                                 Radio Item 8
  44                         </li>
  45                         <li class="ui-li-has-radio">
  46                                 <input type="radio" name="radio-choice-1" id="radio-choice-9" value="choice-9"/>
  47                                 Radio Item 9
  48                                 <div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
  49                         </li>
  50                         <li class="ui-li-has-radio">
  51                                 <input type="radio" name="radio-choice-1" id="radio-choice-10" value="choice-10"/>
  52                                 Radio Item 10
  53                                 <img src="thumbnail.jpg" class="ui-li-bigicon">
  54                         </li>
  55                 </ul>
  56         </form>
  57         </div>
  58         <div data-role="footer">
  59         </div>
  60 </div>
  61