单击任意单元格则选中本行的复选框代码（2）

来源：互联网发布：推荐书目知乎编辑：程序博客网时间：2024/04/29 04:38

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!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>Insert title here</title><script type="text/javascript">function chkSelect(){if (event.srcElement.tagName == "TR") {var tr = event.srcElement;if (tr.cells[0].children[0].checked) tr.cells[0].children[0].checked=false; //选中父对象的第一个元素-即复选框elsetr.cells[0].children[0].checked=true; } else if (event.srcElement.tagName == "TD") {var tr = event.srcElement.parentElement; //获取当前操作对象的父级对象if (tr.cells[0].children[0].checked) tr.cells[0].children[0].checked=false; //选中父对象的第一个元素-即复选框elsetr.cells[0].children[0].checked=true; }} </script> </head><body><table width="285" border="1">  <tr onclick='chkSelect();'>  <td><input type="checkbox" name="checkbox" value="checkbox">  </td>  <td>第一行第一列</td>  <td>第一行第二列</td>  </tr>  <tr onclick='chkSelect();'>  <td><input type="checkbox" name="checkbox2" value="checkbox"></td>  <td>第二行第一列</td>  <td>第二行第二列</td>  </tr></table></body></html>