質問編集履歴
4
コードの追記
test
CHANGED
File without changes
|
test
CHANGED
@@ -818,7 +818,15 @@
|
|
818
818
|
|
819
819
|
```
|
820
820
|
|
821
|
-
|
821
|
+
```js
|
822
|
+
|
823
|
+
$('.hoge').on('click', function(){
|
824
|
+
|
825
|
+
$(this).find('input[type=radio]').attr('checked', true);
|
826
|
+
|
827
|
+
});
|
828
|
+
|
829
|
+
```
|
822
830
|
|
823
831
|
|
824
832
|
|
3
説明詳細
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,5 +1,19 @@
|
|
1
1
|
###前提・実現したいこと
|
2
2
|
|
3
|
+
|
4
|
+
|
5
|
+
・Aページにあるボタンをクリックしたら別ページ(Bページ)にあるCSSで作成されたタブを開いた状態で表示
|
6
|
+
|
7
|
+
|
8
|
+
|
9
|
+
・アンカーリンクでCSSのみで作成されたラジオボタンを使用したタブの特定のタブを開いた状態でリンクさせたい
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
Aページにあるボタン
|
16
|
+
|
3
17
|
```HTML
|
4
18
|
|
5
19
|
<a href="sample.html" class="btn proBt1">詳しく見る</a>
|
@@ -10,11 +24,9 @@
|
|
10
24
|
|
11
25
|
```
|
12
26
|
|
13
|
-
|
27
|
+
|
14
|
-
|
15
|
-
|
16
|
-
|
28
|
+
|
17
|
-
CSSのみで作成されたタブは下記です。
|
29
|
+
CSSのみで作成されたタブは下記です。(Bページ)
|
18
30
|
|
19
31
|
```HTML
|
20
32
|
|
@@ -776,7 +788,7 @@
|
|
776
788
|
|
777
789
|
###試したこと
|
778
790
|
|
779
|
-
```
|
791
|
+
```js
|
780
792
|
|
781
793
|
$(document).ready(function() {
|
782
794
|
|
@@ -790,6 +802,24 @@
|
|
790
802
|
|
791
803
|
```
|
792
804
|
|
805
|
+
もしくは
|
806
|
+
|
807
|
+
|
808
|
+
|
809
|
+
```js
|
810
|
+
|
811
|
+
$(document).on('click', element, function(event) {
|
812
|
+
|
813
|
+
var target = $(event.currentTarget);
|
814
|
+
|
815
|
+
target.find('input[type=radio]').attr('checked', true);
|
816
|
+
|
817
|
+
});
|
818
|
+
|
819
|
+
```
|
820
|
+
|
821
|
+
|
822
|
+
|
793
823
|
|
794
824
|
|
795
825
|
こんな感じでスクリプトで表現できるかと思ったのですが勉強中の私にはどうすればいいのか分かりません。
|
2
コードの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,11 +2,11 @@
|
|
2
2
|
|
3
3
|
```HTML
|
4
4
|
|
5
|
-
<a class="btn proBt1">詳しく見る</a>
|
5
|
+
<a href="sample.html" class="btn proBt1">詳しく見る</a>
|
6
|
-
|
6
|
+
|
7
|
-
<a class="btn proBt2">詳しく見る</a>
|
7
|
+
<a href="sample.html" class="btn proBt2">詳しく見る</a>
|
8
|
-
|
8
|
+
|
9
|
-
<a class="btn proBt3">詳しく見る</a>
|
9
|
+
<a href="sample.html" class="btn proBt3">詳しく見る</a>
|
10
10
|
|
11
11
|
```
|
12
12
|
|
1
コードの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,11 @@
|
|
2
2
|
|
3
3
|
```HTML
|
4
4
|
|
5
|
-
<a class="btn">詳しく見る</a>
|
5
|
+
<a class="btn proBt1">詳しく見る</a>
|
6
|
+
|
7
|
+
<a class="btn proBt2">詳しく見る</a>
|
8
|
+
|
9
|
+
<a class="btn proBt3">詳しく見る</a>
|
6
10
|
|
7
11
|
```
|
8
12
|
|