- ベストアンサー
Javascript? チェックボックスにチェックをいれると・・
Yahooメールのように、チェックボックスにチェックをいれると その行(<tr>タグ)に色がつくようなJavascriptを探しています。 よろしくお願いします。
- みんなの回答 (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>
お礼
お返事が遅くなり申し訳ございません。 成功いたしました! ありがとうございました。