jQuery实现表格选中行变色

xiaoxiao2021-12-14 22

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery实现表格选中行变色</title> <script src="js/jquery-1.8.1.min.js"></script> <style type="text/css"> .s1 { background-color: yellow; } </style> <script type="text/javascript"> $(function() { $("tbody tr").click(function() { $(this).addClass("s1").siblings().removeClass("s1"); $(this).find(":radio").attr("checked", true); }); }); </script> </head> <body> <table border="1" width="60%"> <thead> <tr> <th>操作</th> <th>姓名</th> <th>邮箱</th> <th>年龄</th> <th>性别</th> </tr> </thead> <tbody> <tr> <td><input name="c" value="c1" type="radio" /></td> <td>张三丰</td> <td>zsf@163.com</td> <td>32</td> <td>男</td> </tr> <tr> <td><input type="radio" name="c" value="c3" /></td> <td>杨过</td> <td>yangguo@163.com</td> <td>12</td> <td>男</td> </tr> </tbody> </table> </body> </html>

转载请注明原文地址: https://ju.6miu.com/read-962468.html

专利

最新回复(0)