質問編集履歴
4
タイトルを変更しました
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
チェックボックス
|
|
1
|
+
チェックボックスどれが選ばれているかを調べたいが、innerText以外に違い無い場合の調べ方（class名が同じ）
|
body
CHANGED
|
File without changes
|
3
タイトルを変えました
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
チェックボックスにname属性などが無い時に、どれが選ばれているかを調べたい
|
body
CHANGED
|
File without changes
|
2
formの属性
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,16 +2,36 @@
|
|
|
2
2
|
このleafletのサンプルを元に
|
|
3
3
|
http://leafletjs.com/examples/layers-control/example.html
|
|
4
4
|
|
|
5
|
-
チェックボックスの（動的な）ソースを見た所、下記のよう
|
|
5
|
+
チェックボックスの（動的な）ソースを見た所、inputには下記のような
|
|
6
|
+
ネーム属性がないものでした。
|
|
6
7
|
```html
|
|
8
|
+
<form class="leaflet-control-layers-list">
|
|
9
|
+
<div class="leaflet-control-layers-base">
|
|
10
|
+
<label><div>
|
|
11
|
+
<input type="radio" class="leaflet-control-layers-selector" name="leaflet-base-layers">
|
|
12
|
+
<span> osm</span>
|
|
13
|
+
</div></label>
|
|
14
|
+
</div>
|
|
15
|
+
|
|
16
|
+
<div class="leaflet-control-layers-separator"></div>
|
|
17
|
+
|
|
7
|
-
<div class="leaflet-control-layers-overlays">
|
|
18
|
+
<div class="leaflet-control-layers-overlays">
|
|
19
|
+
|
|
8
|
-
|
|
20
|
+
<label><div>
|
|
9
|
-
<div>
|
|
10
21
|
<input type="checkbox" class="leaflet-control-layers-selector" checked="">
|
|
11
|
-
<span>
|
|
22
|
+
<span>オーバーレイ01</span>
|
|
23
|
+
</div></label>
|
|
24
|
+
<label><div>
|
|
25
|
+
<input type="checkbox" class="leaflet-control-layers-selector">
|
|
26
|
+
<span>オーバーレイ02</span>
|
|
27
|
+
</div></label>
|
|
28
|
+
<label><div>
|
|
29
|
+
<input type="checkbox" class="leaflet-control-layers-selector">
|
|
30
|
+
<span>オーバーレイ03</span>
|
|
31
|
+
</div></label>
|
|
32
|
+
|
|
12
|
-
|
|
33
|
+
</div>
|
|
13
|
-
</label>
|
|
14
|
-
</
|
|
34
|
+
</form>
|
|
15
35
|
```
|
|
16
36
|
htmlに下記のようなコードを付け加えてみたのですが、
|
|
17
37
|
（////ここでどのチェックボックスがチェックされているか確認 の部分）
|
1
jQueryライブラリの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -18,6 +18,8 @@
|
|
|
18
18
|
チェックボックス自体が無くなってしまいました、、
|
|
19
19
|
アドバイス頂けたら助かります。
|
|
20
20
|
|
|
21
|
+
追記：jQueryを入れていないのにjQuery記述で動くはずがありませんでした。しかしやはり動きません
|
|
22
|
+
|
|
21
23
|
```html
|
|
22
24
|
|
|
23
25
|
<!DOCTYPE html>
|
|
@@ -28,7 +30,7 @@
|
|
|
28
30
|
|
|
29
31
|
<meta charset="utf-8" />
|
|
30
32
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
31
|
-
|
|
33
|
+
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
|
|
32
34
|
<link rel="shortcut icon" type="image/x-icon" href="docs/images/favicon.ico" />
|
|
33
35
|
|
|
34
36
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.2/dist/leaflet.css" />
|