• ベストアンサー

Javascript? チェックボックスにチェックをいれると・・

Yahooメールのように、チェックボックスにチェックをいれると その行(<tr>タグ)に色がつくようなJavascriptを探しています。 よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.1

サンプコードです。 <html> <head> <style type="text/css"> tr.checked{ background-color:#ccc; } </style> <script type="text/javascript"> <!-- function trCheck(O){ O.parentNode.parentNode.className = (O.checked)?'checked':''; } function trCheck_i(tableId){ var T = document.getElementById(tableId); for(var i=0;i<T.rows.length;i++){ T.rows[i].cells[0].firstChild.onclick=function(){trCheck(this)} } } //--> </script> </head> <body onload="trCheck_i('test')"> <table id="test"> <tr><td><input type="checkbox"></td><td>aaaaa</td></tr> <tr><td><input type="checkbox"></td><td>bbbbb</td></tr> <tr><td><input type="checkbox"></td><td>ccccc</td></tr> </table> </body> </html>

fm0606
質問者

お礼

お返事が遅くなり申し訳ございません。 成功いたしました! ありがとうございました。

関連するQ&A

専門家に質問してみよう