前提・実現したいこと
ラジオボタンA項目選択→B項目表示・選択→div表示
合わせて修正していただきたいこと
htmlとjsがごちゃついてしまったので
綺麗にしたいです。
該当のソースコード
js
1function AllHide() { 2document.getElementById('bus').style.display = 'none'; 3document.getElementById('train').style.display = 'none'; 4document.getElementById('bus_high').style.display = 'none'; 5document.getElementById('bus_normal').style.display = 'none'; 6document.getElementById('train_high').style.display = 'none'; 7document.getElementById('train_normal').style.display = 'none'; 8} 9 10function SetSubMenu( idname ) { 11AllHide(); 12for (var i = 0, e, I = arguments.length; i < I; i++) 13if (e = document.getElementById (arguments[i])) 14e.style.display = 'block'; 15} 16
html
1<form> 2 <label><input type="radio" name="move" value="bus" id="move_0" onClick="SetSubMenu(value);">バス</label> 3 <label><input type="radio" name="move" value="train" id="move_1" onClick="SetSubMenu(this.value);">電車</label> 4</form> 5<form> 6 <div class="second" id="bus"> 7 <label><input type="radio" name="grade" value="bus_high" id="grade_0" onClick="SetSubMenu('bus',this.value);">バス/高級</label> 8 <label><input type="radio" name="grade" value="bus_normal" id="grade_1" onClick="SetSubMenu('bus',this.value);">バス/普通</label> 9 </div> 10 <div class="second" id="train"> 11 <label><input type="radio" name="grade" value="train_high" id="grade_2" onClick="SetSubMenu('train',this.value);">電車/高級</label> 12 <label><input type="radio" name="grade" value="train_normal" id="grade_3" onClick="SetSubMenu('train',this.value);">電車/普通</label> 13 </div> 14</form> 15 16<div class="third" id="bus_high">高級バス</div> 17<div class="third" id="bus_normal">バス</div> 18<div class="third" id="train_high">高級電車</div> 19<div class="third" id="train_normal">電車</div> 20
css
1.second, 2.third{ 3display: none; 4}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/26 03:14
2018/02/26 03:37
2018/02/26 03:49
2018/02/26 04:05