選択されたラジオボタンによって、注釈コメントなどを変えたい場合のスクリプト。
この例では、Aがクリックされたら「Aが選択されました。」
Bがクリックされたら「Bがクリックされました。」と表示されます。
<head>
<style type="text/css">
#memo2 {
display:none;
}
</style>
<script language=javascript>
function view(divId,divClass){
var divs=document.getElementsByTagName('div');
for(var i=0;i<divs.length;i++){
if(divs[i].className==divClass){
if(divs[i].id==divId) divs[i].style.display="block";
else divs[i].style.display="none";
}
}
}
</script>
</head>
<body>
<input type="radio" name="option" id="option01" value="0" onClick="view('memo1','memoGroup')" checked /><label for="option01"> A </label>
<input type="radio" name="option" id="search_option02" value="1" onClick="view('memo2','memoGroup')" /><label for="option02"> B </label>
<div id="memo1" class="memoGroup">Aが選択されました。</div>
<div id="memo2" class="memoGroup">Bが選択されました。</div>
</body>
この例では、Aがクリックされたら「Aが選択されました。」
Bがクリックされたら「Bがクリックされました。」と表示されます。
<head>
<style type="text/css">
#memo2 {
display:none;
}
</style>
<script language=javascript>
function view(divId,divClass){
var divs=document.getElementsByTagName('div');
for(var i=0;i<divs.length;i++){
if(divs[i].className==divClass){
if(divs[i].id==divId) divs[i].style.display="block";
else divs[i].style.display="none";
}
}
}
</script>
</head>
<body>
<input type="radio" name="option" id="option01" value="0" onClick="view('memo1','memoGroup')" checked /><label for="option01"> A </label>
<input type="radio" name="option" id="search_option02" value="1" onClick="view('memo2','memoGroup')" /><label for="option02"> B </label>
<div id="memo1" class="memoGroup">Aが選択されました。</div>
<div id="memo2" class="memoGroup">Bが選択されました。</div>
</body>

