フォーム内でTRを選択し、CHECKBOXを自動でチェックする方法

皆さんこんにちは、このような問題に遭遇しました

私は TABLE を持っています。この TABLE の行のどこかをクリックすると、TABLE の前にあるチェックボックスが選択され、行の背景色が変わることを願っています。のチェックボックスがオフになります。

ディスカッションに返信する (解決策)

tr のクリックイベントをバインドします。
trのcssクラスを動的に変更します。
同時にチェックボックスの選択状態を変更します

参考のために例をあげてください

 <style> .selected {    background-color: red;} </style> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <script> $(function(){ $('#data tr').on('click', function() {    $(this).toggleClass('selected');	var checkBoxe = $(this).find("input");	checkBoxe.prop("checked", !checkBoxe.prop("checked"));}); });</script><table id='data'><tr><td><input type="checkbox" value="1"></td><td>eeeeeeeeeee</td></tr><tr><td><input type="checkbox" value=""></td><td>fffffffffff</td></tr><tr><td><input type="checkbox" value=""></td><td>ggggggggggg</td></tr></table>