はじめまして。どうぞよろしくお願いします。
以下のような、フォームのラジオボタンにチェックを入れることで
要素の表示/非表示を切り替えるスクリプトを1ページ内に複数
設置したいのですが、可能でしょうか?
JavaScript
1<script type="text/javascript"> 2function jsselect1(){ 3radio = document.getElementsByName('selectbox') 4if(radio[0].checked) { 5 6document.getElementById('box01').style.display = ""; 7document.getElementById('box02').style.display = "none"; 8}else if(radio[1].checked) { 9 10document.getElementById('box01').style.display = "none"; 11document.getElementById('box02').style.display = ""; 12} 13} 14 15window.onload = jsselect1; 16</script>
HTML
1<ul> 2<li><label><input type="radio" name="selectbox" value="選択肢1" onclick="jsselect1();" checked="checked" />選択肢1</label></li> 3<li><label><input type="radio" name="selectbox" value="選択肢2" onclick="jsselect1();" />選択肢2</label></li> 4</ul> 5 6<div id="box01"> 7選択肢1の内容 8</div> 9 10<div id="box02"> 11選択肢2の内容 12</div>
1つのページにこのようなフォームを3つ、
1つのフォームにつき【選択肢1】【選択肢2】があり
いずれも【選択肢1】が表示されている状態になるのが望ましいです。
初心者のため質問の仕方にも満足でない部分もあるかと存じますが
どうぞよろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー