最新閲覧日:

いつもお世話になっています。
テーブルで数十行同じ項目を表示させるとき、今何行目を見ているかわかりやすいように
目印をつけたいと思っています。
ラジオボタンを配置したのですが、一行が横に長く、区別しにくいため
加えて選択されたラジオボタンと同じ行の背景色を変えようと思いました。

が、こういうことってできるのでしょうか?

ラジオボタン選択でウィンドウの色を変える方法の応用かなと思って
色々試しましたが全て失敗でした(涙)。

どなたかご存知の方、教えてください。

ちなみにテーブルのイメージは大体こんな感じです↓

<p align=center>
<TABLE frame=below rules=all WIDTH=98% vspace=100>
<tr>
<td width=7% align=right><input type="radio" name="count" value="1"></td>
<td align=right width=8%>1234567</td>
<td align=left width=18%>12345678901234567890</td>
<td align=right width=8%>12</td>
<td align=right width=8%>150</td>
<td align=right width=8%>300</td>
</tr>
<tr>
<td width=7% align=right><input type="radio" name="count" value="2"></td>
<td align=right width=8%>1234567</td>
<td align=left width=18%>12345678901234567890</td>
<td align=right width=8%>12</td>
<td align=right width=8%>150</td>
<td align=right width=8%>300</td>
</tr>
<tr>
<td width=7% align=right><input type="radio" name="count" value="3"></td>
<td align=right width=8%>1234567</td>
<td align=left width=18%>12345678901234567890</td>
<td align=right width=8%>12</td>
<td align=right width=8%>150</td>
<td align=right width=8%>300</td>
</tr>
</table>

A 回答 (1件)

こんにちはlovelypoohさん、xruzです。


Ie5.5sp2,Ie5.0sp2で動作確認済み、NN動作不可。

<html>
<head>
<title></title>
</head>
<script language="javascript">
<!--
var saveTr;
function setBg(rd) {
if(saveTr) saveTr.bgColor="white";
saveTr=rd.parentNode.parentNode;
saveTr.bgColor="lavenderblush"
}
//-->
</script>
<Body>
<form method="post" name="frm">
<p align=center>
<table frame=below rules=all width=98% vspace=100>
<tr>
<td width=7% align=right>
<input type="radio" name="count" onClick="setBg(this);"></td>
<td align=right width=8%>1234567</td>
<td align=left width=18%>12345678901234567890</td>
<td align=right width=8%>12</td>
<td align=right width=8%>150</td>
<td align=right width=8%>300</td>
</tr>
<tr>
<td width=7% align=right>
<input type="radio" name="count" onClick="setBg(this);"></td>
<td align=right width=8%>1234567</td>
<td align=left width=18%>12345678901234567890</td>
<td align=right width=8%>12</td>
<td align=right width=8%>150</td>
<td align=right width=8%>300</td>
</tr>
<tr>
<td width=7% align=right>
<input type="radio" name="count" onClick="setBg(this);"></td>
<td align=right width=8%>1234567</td>
<td align=left width=18%>12345678901234567890</td>
<td align=right width=8%>12</td>
<td align=right width=8%>150</td>
<td align=right width=8%>300</td>
</tr>
</table>
</form>
</body>
</html>

こんな感じで良かったでしょうか?
    • good
    • 0
この回答へのお礼

早速の回答ありがとうございます。
しかも動作確認までして頂いて・・・。感謝感謝です。

動作も考えていた通りです。
思わず「わぉ!!」と叫んでしまいました。感動です。
JavaScriptの魅力にハマりつつあった状態が、ドツボです。

本当にありがとうございました。
機会がありましたら、これからもよろしくお願いします(ペコリ)。

お礼日時:2001/10/15 17:44

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード


人気Q&Aランキング

おすすめ情報