ホームページ  >  記事  >  バックエンド開発  >  フォーム内でTRを選択し、CHECKBOXを自動でチェックする方法

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

WBOY
WBOYオリジナル
2016-06-23 14:00:221912ブラウズ

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

私は 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>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。