質問編集履歴
4
コード表記の言語名を修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
###該当のソースコード
|
|
10
10
|
|
|
11
|
-
```
|
|
11
|
+
```HTML
|
|
12
12
|
<main>
|
|
13
13
|
<input type="checkbox" value="チェックボックス1" id="check1"/>
|
|
14
14
|
<label for="check1"> チェックボックス1
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
</aside>
|
|
30
30
|
```
|
|
31
31
|
|
|
32
|
-
```
|
|
32
|
+
```javascript
|
|
33
33
|
$(function(){
|
|
34
34
|
$('input[type="checkbox"]').change(function(){
|
|
35
35
|
if $("input[id='check1']:checked") {
|
3
クォーテーション記号を全角→半角に
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
```HTML5
|
|
12
12
|
<main>
|
|
13
13
|
<input type="checkbox" value="チェックボックス1" id="check1"/>
|
|
14
|
-
<label for="check1" チェックボックス1
|
|
14
|
+
<label for="check1"> チェックボックス1
|
|
15
|
+
</label>
|
|
15
16
|
<input type="checkbox" value="チェックボックス2" id="check2"/>
|
|
16
17
|
<label for="check2">チェックボックス2</label>
|
|
17
18
|
<input type="checkbox" value="チェックボックス3" id="check3"/>
|
|
@@ -20,9 +21,9 @@
|
|
|
20
21
|
</main>
|
|
21
22
|
<aside>
|
|
22
23
|
<ul>
|
|
23
|
-
<li><span class=
|
|
24
|
+
<li><span class="icon" id="icon1">アイコン</span></li>
|
|
24
|
-
<li><span class=
|
|
25
|
+
<li><span class="icon" id="icon2">アイコン</span></li>
|
|
25
|
-
<li><span class=
|
|
26
|
+
<li><span class="icon" id="icon3">アイコン</span></li>
|
|
26
27
|
...
|
|
27
28
|
</ul>
|
|
28
29
|
</aside>
|
2
HTMLコードを追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,6 +7,27 @@
|
|
|
7
7
|
上記を実現するために下記の`if`で回していく方法を思いついたのですが、これだと`if`を20回繰り返す無駄に長いコードになってしまいます。
|
|
8
8
|
|
|
9
9
|
###該当のソースコード
|
|
10
|
+
|
|
11
|
+
```HTML5
|
|
12
|
+
<main>
|
|
13
|
+
<input type="checkbox" value="チェックボックス1" id="check1"/>
|
|
14
|
+
<label for="check1" チェックボックス1></label>
|
|
15
|
+
<input type="checkbox" value="チェックボックス2" id="check2"/>
|
|
16
|
+
<label for="check2">チェックボックス2</label>
|
|
17
|
+
<input type="checkbox" value="チェックボックス3" id="check3"/>
|
|
18
|
+
<label for="check3">チェックボックス3</label>
|
|
19
|
+
...
|
|
20
|
+
</main>
|
|
21
|
+
<aside>
|
|
22
|
+
<ul>
|
|
23
|
+
<li><span class=“icon” id=“icon1”></span></li>
|
|
24
|
+
<li><span class=“icon” id=“icon2”></span></li>
|
|
25
|
+
<li><span class=“icon” id=“icon3”></span></li>
|
|
26
|
+
...
|
|
27
|
+
</ul>
|
|
28
|
+
</aside>
|
|
29
|
+
```
|
|
30
|
+
|
|
10
31
|
```jQuery
|
|
11
32
|
$(function(){
|
|
12
33
|
$('input[type="checkbox"]').change(function(){
|
1
表現を変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
###前提・実現したいこと
|
|
2
|
-
jQueryで複数（20個
|
|
2
|
+
jQueryで複数（20個）の個別のチェックボックスの値を取得して、別の個別要素（個別のチェックボックスに対応したアイコン≠label）の状態を変えたい。
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|