This repository has been archived by the owner on Oct 9, 2018. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 192
/
radio.htm
50 lines (47 loc) · 1.88 KB
/
radio.htm
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<!--
* Copyright 2010-2011 Research In Motion Limited.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<div style="background-color: #252525;color:white;" data-bb-type="screen" data-bb-effect="slide-up">
<div data-bb-type="title" data-bb-caption="Radio buttons" data-bb-back-caption="Back" ></div>
<style>
.cell {
line-height: 100px;
height: 100px;
vertical-align: middle;
width:50%;
}
</style>
<div style="margin:15px;">
<table>
<tr>
<td class="cell" style="padding-top:7px;">Choice One</td>
<td class="cell" ><input type="radio" name="group1" checked="true" value="one" onchange="if (this.checked) document.getElementById('value').innerHTML = this.value;"/></td>
</tr>
<tr>
<td class="cell" style="padding-top:7px;">Choice Two</td>
<td class="cell"><input type="radio" name="group1" value="two" onchange="if (this.checked) document.getElementById('value').innerHTML = this.value;"/></td>
</tr>
<tr>
<td class="cell" style="padding-top:7px;">Choice Three</td>
<td class="cell"><input type="radio" name="group1" value="three" onchange="if (this.checked) document.getElementById('value').innerHTML = this.value;"/></td>
</tr>
</table>
<div >
<h2>You clicked: <span id="value">one</span></h2>
</div>
</div>
<div data-bb-type="action-bar" data-bb-back-caption="Back"></div>
</div>