上项目开发,忙的焦头烂额,博客也没咋更新了。
昨天老师提了个需求,简单的小例子,选择tr中任一行选中tr,觉得很有意思,记录一下:
上代码
<!DOCTYPE html>
<html>
<head>
<title>更新checked</title>
</head>
<script src="E:\java jar\jquery\jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).on("click","#table1 tr td:not(:first-child)",function(){
var obj = $(this).parent().find("td:first").find("input");
obj.prop("checked", !obj.is(":checked"));
})
</script>
<body>
<table >
<tr >
<td><input type="checkbox" name="stuId"></td>
<td><p >StudentName</p></td>
<td><p >StudentNo</p></td>
<td><p >StudentNo</p></td>
</tr>
</table>
</body>
</html>
作用就是选择tr中任意部分,选中此条记录。