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