OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

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

  • 困ってます
  • 質問No.151404
  • 閲覧数1217
  • ありがとう数2
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 76% (55/72)

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

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

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

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

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

<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
レベル10

ベストアンサー率 50% (72/143)

こんにちは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>

こんな感じで良かったでしょうか?
お礼コメント
lovelypooh

お礼率 76% (55/72)

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

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

本当にありがとうございました。
機会がありましたら、これからもよろしくお願いします(ペコリ)。
投稿日時 - 2001-10-15 17:44:32
-PR-
-PR-
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ