ホームページ >バックエンド開発 >PHPチュートリアル >フォーム内で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>