7 <div data-role="page" id="checkbox-demo" data-add-back-btn="true">
9 <div data-role="header" data-position="fixed">
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>
22 <p> Trigged When user clicks a checkbox :
23 <span class="triggered-check">
24 <em>(This is updated when user clicks a checkbox )</em>
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>
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"/>
48 </div><!--/content-primary -->