demos/tizen-winsets/widgets/checkbox/checkbox.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 </head>
   5 <body>
   6
   7 <div data-role="page" id="checkbox-demo" data-add-back-btn="true">
   8
   9         <div data-role="header" data-position="fixed">
  10                 <h1>Check</h1>
  11         </div>
  12
  13         <div data-role="content">
  14                 <div class="content-primary">
  15                         <div class="my-check-button-style"><a id="check-1" data-role="button" data-inline="true">Check/UnCheck First checkbox</a></div>
  16                         <div class="my-check-button-style my-check-inline-style"><a id="get-check-value" data-role="button" data-inline="true">Get Check Value</a></div>
  17                         <p class="my-check-inline-style">First checkbox check value :
  18                                 <span class="checked-value">
  19                                         <em>(click the button! )</em>
  20                                 </span>
  21                         </p>
  22                         <p> Trigged When user clicks a checkbox :
  23                                 <span class="triggered-check">
  24                                         <em>(This is updated when user clicks a checkbox )</em>
  25                                 </span>
  26                         </p>
  27
  28                         <hr/>
  29
  30                         <fieldset data-role="controlgroup">
  31                         <input type="checkbox" name="checkbox-1" id="checkbox-1"/>
  32                         <label for="checkbox-1">Normal</label>
  33                         <input type="checkbox" name="checkbox-2" id="checkbox-2" checked="checked" disabled="true"/>
  34                         <label for="checkbox-2">Checked, Disabled</label>
  35                         <input type="checkbox" name="checkbox-3" id="checkbox-3" disabled="true"/>
  36                         <label for="checkbox-3">Disabled</label>
  37
  38                         <input type="checkbox" name="checkbox-4" id="checkbox-4" class="favorite"/>
  39                         <label for="checkbox-4">Favorite</label>
  40                         <input type="checkbox" name="checkbox-5" id="checkbox-5" checked="checked" disabled="true" class="favorite"/>
  41                         <label for="checkbox-5">Favorite Checked, Disabled</label>
  42                         <input type="checkbox" name="checkbox-6" id="checkbox-6" disabled="disabled" class="favorite"/>
  43                         <label for="checkbox-6">Favorite, Disabled</label>
  44                         <input type="checkbox" name="checkbox-7" id="checkbox-7"/>
  45                         <input type="checkbox" name="checkbox-8" id="checkbox-8"/>
  46
  47                         </fieldset>
  48                 </div><!--/content-primary -->
  49         </div>
  50
  51
  52
  53 </body>
  54 </html>