回答編集履歴
2
ログ追加分ソースの更新
test
CHANGED
@@ -34,47 +34,61 @@
|
|
34
34
|
|
35
35
|
</table>
|
36
36
|
|
37
|
+
|
38
|
+
|
37
|
-
|
39
|
+
<div id="text1"><p>あああああ</p></div>
|
40
|
+
|
41
|
+
<div id="text2"><p>いいいいい</p></div>
|
38
42
|
|
39
43
|
|
40
44
|
|
45
|
+
<script>
|
46
|
+
|
41
|
-
|
47
|
+
document.getElementById('text1').style.display ='none';
|
48
|
+
|
49
|
+
document.getElementById('text2').style.display ='none';
|
42
50
|
|
43
51
|
|
44
52
|
|
45
|
-
|
46
|
-
|
47
|
-
```javascript
|
48
|
-
|
49
53
|
function alp(){
|
50
54
|
|
51
|
-
|
55
|
+
var radio=document.getElementsByName('alp')
|
52
56
|
|
53
|
-
|
57
|
+
var n = document.getElementsByName('no');
|
54
58
|
|
55
59
|
|
56
60
|
|
57
|
-
|
61
|
+
console.log("radio checked? -> ", radio[0].checked);
|
58
62
|
|
59
|
-
|
63
|
+
console.log("n checked? -> ", n[0].checked);
|
60
64
|
|
61
|
-
document.getElementById('text2').style.display ='none';
|
62
65
|
|
63
|
-
}else{
|
64
66
|
|
65
|
-
|
67
|
+
if(radio[0].checked && n[0].checked){ // chekedになっていたので修正
|
66
68
|
|
67
|
-
|
69
|
+
document.getElementById('text1').style.display ='block';
|
68
70
|
|
71
|
+
document.getElementById('text2').style.display ='none';
|
72
|
+
|
73
|
+
}else{
|
74
|
+
|
75
|
+
document.getElementById('text1').style.display ='none';
|
76
|
+
|
77
|
+
document.getElementById('text2').style.display ='block';
|
78
|
+
|
69
|
-
|
79
|
+
}
|
70
80
|
|
71
81
|
}
|
82
|
+
|
83
|
+
</script>
|
72
84
|
|
73
85
|
```
|
74
86
|
|
75
87
|
|
76
88
|
|
89
|
+
一応上記のソースで想定した動きはこなしてると思います。
|
90
|
+
|
77
|
-
|
91
|
+
動的にHTMLのDOMが増える状況ならこういうやり方では足りないでしょうけど…
|
78
92
|
|
79
93
|
|
80
94
|
|
1
動作画像追加
test
CHANGED
@@ -75,3 +75,7 @@
|
|
75
75
|
|
76
76
|
|
77
77
|
これなら動くんじゃないでしょうか。
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
![イメージ説明](e4ba2c2998cfe1e6f37c78ce2cefbbc6.gif)
|