回答編集履歴

1

修正

2017/04/04 03:29

投稿

yambejp
yambejp

スコア114572

test CHANGED
@@ -35,3 +35,49 @@
35
35
 
36
36
 
37
37
  ```
38
+
39
+
40
+
41
+ # 調整版
42
+
43
+ きょうびformにnameをつけて管理することはないと思って
44
+
45
+ 上記のようにidを振りましたがnameを前提にするなら以下のような感じでしょうか?
46
+
47
+ ちなみに、ラジオボタンと表示・非表示を替えるpが同じレベルの構造にいないといけないので
48
+
49
+ もとのHTMLの構造を変更できないなら、この方法では無理です
50
+
51
+ ```HTML
52
+
53
+ <style>
54
+
55
+ form[name=form4] input[type=radio][value="0"]:checked ~ p{display:none;}
56
+
57
+ </style>
58
+
59
+ <form name="form4" action="#" method="POST">
60
+
61
+ <div id="area_hoge4_1">
62
+
63
+ <input type="radio" name="hoge4_1" value="1" checked="checked" /> 表示
64
+
65
+ <input type="radio" name="hoge4_1" value="0" /> 非表示
66
+
67
+ <p>ここを表示する</p>
68
+
69
+ </div>
70
+
71
+ <div id="area_hoge4_2">
72
+
73
+ <input type="radio" name="hoge4_2" value="1" checked="checked" /> 表示
74
+
75
+ <input type="radio" name="hoge4_2" value="0" /> 非表示
76
+
77
+ <p>ここを表示する</p>
78
+
79
+ </div>
80
+
81
+ </form>
82
+
83
+ ```