表格选中TR,自动勾选CHECKBOX的方法

WBOY
Freigeben: 2016-06-23 14:00:22
Original
1922 Leute haben es durchsucht

  大家好,我碰到这样一个问题

  我有一个TABLE,我希望单击这个TABLE的某一行的任意位置,则这个TABLE前面的CHECKBOX能够被选中,并且该行背景颜色改变,反之取消勾选


回复讨论(解决方案)

绑定tr的click事件。
动态修改tr的css类。
同时修改checkbox的选中状态

给个例子参考吧

 <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>
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage