ラジオボタンでテーブルの背景色を変える

解決済

質問者：lovelypooh
質問日時：2001/10/15 11:35
回答数：1件

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

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

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

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

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

<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>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： xruz
回答日時：2001/10/15 13:31

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

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

<html>
<head>
<title></title>
</head>
<script language="javascript">

</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>

こんな感じで良かったでしょうか？

- 0
- 件

通報する

この回答へのお礼

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

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

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

通報する

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

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