-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathname2.html
More file actions
203 lines (171 loc) · 9.33 KB
/
name2.html
File metadata and controls
203 lines (171 loc) · 9.33 KB
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<html>
<head>
<center><div id="box"></div></center>
<br>
<center><input type="hidden" id="myinput" value='' cols="80" rows="15" style="width:550px; height:50px;text-align:center;"></center>
</head>
<body>
<center><p><input id="btnOperate" type="button" value="選擇及複制" onclick="static_num()" align="center" style="width:500px; height:100px;"></p></center>
<style>
.demo {
width:100%;
border:1px solid #C0C0C0;
border-collapse:collapse;
padding:1px;
}
.demo th {
border:1px solid #C0C0C0;
padding:1px;
background:#F0F0F0;
}
.demo td {
border:1px solid #C0C0C0;
padding:1px;
}
</style>
<table class="demo" align="center">
<caption></caption>
<thead>
<tr>
<th>中區</th>
<th>北區</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p><input type="checkbox" name="category" value="塔石體育館A館" />塔石體育館A館</p>
<p><input type="checkbox" name="category" value="塔石體育館B館" />塔石體育館B館</p>
<p><input type="checkbox" name="category" value="婦女聯合總會綜合服務大樓" />婦女聯合總會綜合服務大樓</p>
<p><input type="checkbox" name="category" value="濠江中學附屬小學" />濠江中學附屬小學</p>
<p><input type="checkbox" name="category" value="澳門培正中學" />澳門培正中學</p>
<p><input type="checkbox" name="category" value="信和醫療中心" />信和醫療中心</p>
<p><input type="checkbox" name="category" value="鮑思高粵華小學" />鮑思高粵華小學</p>
<p><input type="checkbox" name="category" value="鏡湖醫院禮堂" />鏡湖醫院禮堂</p>
<p><input type="checkbox" name="category" value="嘉諾撒聖心英文中學" />嘉諾撒聖心英文中學</p>
<p><input type="checkbox" name="category" value="利瑪竇中學" />利瑪竇中學</p>
</td>
<td>
<p><input type="checkbox" name="category" value="望廈體育中心一樓" />望廈體育中心一樓</p>
<p><input type="checkbox" name="category" value="東南學校(中學部)" />東南學校(中學部)</p>
<p><input type="checkbox" name="category" value="鄭觀應公立學校" />鄭觀應公立學校</p>
<p><input type="checkbox" name="category" value="工人體育場A館一樓" />工人體育場A館一樓</p>
<p><input type="checkbox" name="category" value="鏡平學校（中學部）" />鏡平學校（中學部）</p>
<p><input type="checkbox" name="category" value="中葡職業技術學校體育館" />中葡職業技術學校體育館</p>
<p><input type="checkbox" name="category" value="聖公會（澳門）蔡高中學" />聖公會（澳門）蔡高中學</p>
<p><input type="checkbox" name="category" value="聖若瑟教區中學第二校" />聖若瑟教區中學第二校</p>
<p><input type="checkbox" name="category" value="澳門浸信中學" />澳門浸信中學</p>
<p><input type="checkbox" name="category" value="澳門江門同鄉會頤康活動中心" />澳門江門同鄉會頤康活動中心</p>
<p><input type="checkbox" name="category" value="澳門坊眾學校" />澳門坊眾學校</p>
</td>
</tr>
<tbody>
</table>
<style>
.demo2 {
width:100%;
border:1px solid #C0C0C0;
border-collapse:collapse;
padding:1px;
}
.demo2 th {
border:1px solid #C0C0C0;
padding:1px;
background:#F0F0F0;
}
.demo2 td {
border:1px solid #C0C0C0;
padding:1px;
}
</style>
<table class="demo2" align="center">
<caption></caption>
<thead>
<tr>
<th>新口岸區及青洲</th>
<th>路氹</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<p><input type="checkbox" name="category" value="澳門理工大學懷遠樓展覽廳" />澳門理工大學懷遠樓展覽廳</p>
<p><input type="checkbox" name="category" value="綜藝館" />綜藝館</p>
<p><input type="checkbox" name="category" value="澳門美高梅大宴會廳" />澳門美高梅大宴會廳</p>
<p><input type="checkbox" name="category" value="澳門文化中心" />澳門文化中心</p>
<p><input type="checkbox" name="category" value="慈幼中學" />慈幼中學</p>
<p><input type="checkbox" name="category" value="海星中學" />海星中學</p>
<p><input type="checkbox" name="category" value="海事工房1號及2號" />海事工房1號及2號</p>
<p><input type="checkbox" name="category" value="沙梨頭活動中心" />沙梨頭活動中心</p>
<p><input type="checkbox" name="category" value="廣大中學" />廣大中學</p>
<p><input type="checkbox" name="category" value="街坊會聯合總會社區服務大樓" />街坊會聯合總會社區服務大樓 </p>
<p><input type="checkbox" name="category" value="澳門街總綠楊長者日間護理中心" />澳門街總綠楊長者日間護理中心</p>
<p><input type="checkbox" name="category" value="青洲坊活動中心" />青洲坊活動中心</p>
<p><input type="checkbox" name="category" value="勞校中學附屬幼稚園" />勞校中學附屬幼稚園</p>
<p><input type="checkbox" name="category" value="南粵青茂口岸" />南粵青茂口岸</p>
<p><input type="checkbox" name="category" value="聖若瑟教區中學第六校" />聖若瑟教區中學第六校</p>
</td>
<td>
<p><input type="checkbox" name="category" value="奧林匹克體育中心室內體育館" />奧林匹克體育中心室內體育館</p>
<p><input type="checkbox" name="category" value="奧林匹克體育中心運動場乒乓球室" />奧林匹克體育中心運動場乒乓球室</p>
<p><input type="checkbox" name="category" value="嘉模會堂" />嘉模會堂</p>
<p><input type="checkbox" name="category" value="教青局親職教育中心(湖畔)" />教青局親職教育中心(湖畔)"</p>
<p><input type="checkbox" name="category" value="北安客運碼頭" />北安客運碼頭</p>
<p><input type="checkbox" name="category" value="聖公會氹仔青少年及家庭綜合服務中心" />聖公會氹仔青少年及家庭綜合服務中心</p>
<p><input type="checkbox" name="category" value="威尼斯人展覽館A、B、C館" />威尼斯人展覽館A、B、C館</p>
<p><input type="checkbox" name="category" value="街總石排灣家庭及社區綜合服務中心" />街總石排灣家庭及社區綜合服務中心</p>
<p><input type="checkbox" name="category" value="石排灣公立學校" />石排灣公立學校</p>
<p><input type="checkbox" name="category" value="澳門保安部隊高等學校" />澳門保安部隊高等學校</p>
<p><input type="checkbox" name="category" value="澳門大學" />澳門大學</p>
<p><input type="checkbox" name="category" value="科大體育館" />科大體育館</p>
</td>
</tr>
<tbody>
</table>
</body>
</div>
<script>
function static_num()
{
document.getElementById("btnOperate").onclick = function () {
let box = document.getElementById("box");
let myinput = document.getElementById("myinput");
var arr = new Array();
var items = document.getElementsByName("category");
let boxHtml = "";
count=0;
for (i = 0; i < items.length; i++) {
if (items[i].checked) {
count++
arr.push(' '+count+'.'+items[i].value);
boxHtml = arr
}
}
// copyText.setSelectionRange(0, 99999); /* For mobile devices */
// /* Copy the text inside the text field */
// box.innerHTML=navigator.clipboard.writeText(copyText.value);
box.innerHTML = boxHtml;
myinput.value = boxHtml;
myinput.select();
navigator.clipboard.writeText(myinput.value);
};
};
</script>
<style>
input {
width: 100px;
height: 100px;
display: inline-block; vertical-align: middle; margin-bottom: 6px;font-weight:normal;
font-size:60px;
}
p {
font-size:40px;
}
th {
font-size:40px;
}
div {
font-size:50px;
}
</style>
</html>