- ベストアンサー
ラジオボタンでテーブルの背景色を変える
- テーブルで数十行同じ項目を表示させるとき、目印をつけたいと思います。ラジオボタンを配置し、選択されたラジオボタンと同じ行の背景色を変えたいです。
- テーブルで数十行同じ項目を表示させるとき、目印をつけたいです。ラジオボタンを配置し、選択されたラジオボタンと同じ行の背景色を変えたい方法を教えてください。
- テーブルで数十行同じ項目を表示させるとき、目印をつけたいです。ラジオボタンを配置し、選択されたラジオボタンと同じ行の背景色を変える方法を教えてください。
- lovelypooh
- お礼率76% (55/72)
- JavaScript
- 回答数1
- ありがとう数3
- みんなの回答 （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> こんな感じで良かったでしょうか？
お礼
早速の回答ありがとうございます。 しかも動作確認までして頂いて・・・。感謝感謝です。 動作も考えていた通りです。 思わず「わぉ！！」と叫んでしまいました。感動です。 JavaScriptの魅力にハマりつつあった状態が、ドツボです。 本当にありがとうございました。 機会がありましたら、これからもよろしくお願いします(ペコリ)。