使用Js 简单实现tr点击 tr前的checkbox选中或取消
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<SCRIPT LANGUAGE="javascript">
<!--
function bgChange(obj){
obj.all.id.checked=(obj.all.id.checked==true?false:true); //复选框状态第二转变，即为正常状态 其all.id 中的id为checkbox的name
}
//-->
</SCRIPT>
<body>
<FORM METHOD=POST NAME="form" action="del.asp">
<table width="998" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><div align="center">多选</div></td>
<td><div align="center">内容</div></td>
</tr>
<tr onmouseover="this.style.background='#E5ECF2'"; onclick="bgChange(this)">
<td><div align="center"><input type="checkbox" name="id" value="1"></div></td>
<td>信息一</td>
</tr>
<tr onmouseover="this.style.background='#E5ECF2'"; onclick="bgChange(this)">
<td><div align="center"><input type="checkbox" name="id" value="1"></div></td>
<td>信息二</td>
</tr>
<tr onmouseover="this.style.background='#E5ECF2'"; onclick="bgChange(this)">
<td><div align="center"><input type="checkbox" name="id" value="1"></div></td>
<td>信息三</td>
</tr>
</table>
</FORM>
</body>
</html>
分享到：
相关推荐
在网页开发中，表格（Table）是常用的数据展示方式，而复选框（Checkbox）则为用户提供多选功能。在HTML的表格中实现复选框的全选与反选功能，能够大大提升用户体验，使用户可以便捷地选择一组数据。这里我们将详细...
在网页开发中，表格（Table）是展示数据的常用组件，而jQuery库为开发者提供了丰富的API，使得操作表格中的元素，如复选框（Checkbox），变得更加便捷。本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件...
在本文中，我们将深入探讨如何使用jQuery来获取checkbox选中的值，包括全选、取消全选、反选以及选中奇数行的操作，并讲解如何获取选中的值。 首先，我们需要引入jQuery库。在`1.html`文件中，我们看到包含了一个名...
在H5页面中，"点击checkbox动态显示table"是一个常见的交互功能，特别是在B2B（Business to Business）场景下，例如模拟淘宝店家定义商品的SKU（Stock Keeping Unit，库存量单位）设置。这个功能允许用户通过勾选...
在网页设计和开发中，表格（Table）是展示数据常用的一种布局方式，而复选框（Checkbox）则是用户交互的重要元素之一。当我们需要在表格中使用复选框时，往往需要处理它们的值，比如选中状态的获取、传递或者存储。...
5. **复选框（Checkbox）集成**：标签中提到了"复选框"，这可能意味着在表格的每一行前都有一个复选框，用户可以通过点击复选框来选中行。复选框的状态可以通过JavaScript来控制，并且与表格行的选中状态同步。 6. ...
本文将深入探讨jQuery在实际项目中的应用，特别是针对checkbox和table的处理，这在网页交互和数据展示中是常见的需求。 首先，jQuery中的checkbox操作是相当直观的。`checkbox`在HTML中用于提供用户对某个选项的...
在网页设计中，表格（Table）元素是一种常用的数据展示方式，它可以有效地组织和排列信息。在本实例中，我们将探讨如何利用HTML的`<table>`元素以及相关的CSS样式，来创建一个类似163邮箱中复选框效果的界面。这个...
在本示例中，我们将探讨如何使用jQuery来实现一个功能：在一个表格（table）中，当用户在两列CheckBox中选择时，确保同一行内只能有一个CheckBox被选中。这个功能在很多场合都非常实用，比如在多选列表中限制用户的...
标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”，指的是通过JavaScript编程技术实现，在用户选中表格中某一行的复选框时，获取该行中所有单元格（TD）的内容。此技术主要应用于Web开发中，可以...
本文实例讲述了jQuery实现点击行选中或取消CheckBox的方法。分享给大家供大家参考，具体如下： /// /// 点击行选中或者取消CheckBox /// /// <param name=TableID>表ID function SetCheckBox_Check(TableID) { ...
标题 "tr选中效果" 暗示我们讨论的是在HTML表格（`<table>`）中如何实现行选中效果的技术。在这个场景中，我们通常会利用CSS来改变被选中行的样式，或者通过JavaScript或jQuery来实现交互功能，如点击时高亮显示行。...
在本文中，我们将深入探讨如何在layui框架中实现表格（table）单击行时自动勾选或取消勾选复选框（checkbox）的功能。layui是一个轻量级的前端UI框架，提供了一系列丰富的组件，包括表格，用于数据展示和交互。下面...
本主题聚焦于“jQuery table选中表格行变色”这一功能，它在交互式网页设计中尤为常见，可以提升用户体验。下面将详细介绍如何使用jQuery实现这个功能。 首先，我们需要一个基本的HTML表格结构，例如： ```html ...
在本文中，我们将深入探讨如何在layui框架中实现默认选中table的CheckBox复选框。layui是一款流行的前端组件库，提供了丰富的UI组件，包括表格（table）和复选框（CheckBox）。在数据展示或者数据操作的场景中，我们...