重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

【GOLF me！】初月無料お試し

ラジオボタンとセルの連動

解決済

  • 質問者：noqpon
  • 質問日時：
  • 回答数：3件

テーブルの1番左にラジオボタンを置き、
それがクリックされたらその行のセル全部色を変え、
別のラジオボタンが押されたら元のセルの色は戻してその行は色が変わる。
こういったものは実現可能なのでしょうか？

通報する

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

質問の本文を隠す

A 回答 (3件)

No.3ベストアンサー

  • 回答者： steel_gray
  • 回答日時：

具体的なサンプル。



<html>
<head>
<title>なんかのサンプル</title>

<script type="text/javascript">
<!--
function Tfunc1(Tid,Marker){
var T = document.getElementById(Tid);
if(! T) return;
T.Tfunc_Marker = Marker;
var Rows = T.tBodies[0].rows;
for(var i=0;i<Rows.length;i++) {
var Input = Rows[i].cells[0].getElementsByTagName('input')[0];
Input.onclick = function(){Tfunc1_onchange(this)};
if(Input.checked) {
T.TfuncValue=Rows[i];
Rows[i].className = T.Tfunc_Marker;
}
}
}
function Tfunc1_onchange(O) {
var TR = O.parentNode.parentNode;
var T = TR.parentNode.parentNode;
if(T.TfuncValue)T.TfuncValue.className = '';
TR.className = T.Tfunc_Marker;
T.TfuncValue = TR;
}
//-->
</script>

<style type="text/css">
<!--
tr{background-color:#ccc;color:#000;}
tr.makerA {background-color:#f00;color:#fff;}
tr.makerB td{background-color:#00f;color:#fff;}
-->
</style>

</head>
<body onload="Tfunc1('T1','makerA');Tfunc1('Table2','makerB');">


<table id="T1">
<caption>テーブル#1</caption>
<tr><th><input type="radio" name="radio1" value="a"></th><td>aaaaaaaaaaa</td></tr>
<tr><th><input type="radio" name="radio1" value="b"></th><td>bbbbbbbbb</td></tr>
<tr><th><input type="radio" name="radio1" value="c"></th><td>cccccccccccccc</td></tr>
</table>

<table id="Table2">
<caption>テーブル#2</caption>
<tr><th><input type="radio" name="radio2" value="a"></th><td>11111</td><td>111</td></tr>
<tr><th><input type="radio" name="radio2" value="b" checked></th><td>22</td><td>22222</td></tr>
<tr><th><input type="radio" name="radio2" value="c"></th><td>33333</td><td>3</td></tr>
</table>

</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

お返事遅くなりました。すいません…
<body onload>でスクリプト動かすのですね。
すっかりonClickで考えていたので。かなり参考になります。
わかりやすくサンプルまで書いてくださって・・・
本当にありがとうございました。

通報する
お礼日時：2005/12/12 09:46

No.2

  • 回答者： hira6bg
  • 回答日時：

ラジオボタンをクリックしたときのイベントを取得して、クリックされたラジオボタンによってスタイルシートを変えてみてはどうですか？

    • good
    • 0
    • 件
通報する
この回答へのお礼

お返事遅くなりました…すいません。
そうですね。そういう考え方でいいですね。
やってみます。ありがとうございます。

通報する
お礼日時：2005/12/12 09:39

No.1

  • 回答者： BLUEPIXY
  • 回答日時：

>実現可能なのでしょうか？


できると思います

この回答への補足

書き忘れましたが、やり方もわからないので教えてください。
よろしくお願いします。

補足日時：2005/12/09 15:01
通報する
    • good
    • 0
    • 件
通報する

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

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報