`
houday123
  • 浏览: 217197 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML行选

HTMLXHTML 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<style type="text/css">
.MouseOverClick   {background-color:   #D9EFFD}
.MouseOutWhite   {background-color:   #FFFFFF}
</style>
<script language="javascript">
var e;
function change(){
if(e!=undefined){
e.className   =   "MouseOutWhite";
}
e=window.event.srcElement;
while(e=e.parentElement){
    
if(e.tagName=="TR") {
e.className   =   "MouseOverClick";
break;
}
}

}
</script>
<body>
<table align="center" width="400px" onclick="change()" border="1">
<tr onclick="event.cancelBubble=true">
<td>用户名</td><td>年龄</td><td>特长</td>
</tr>
<tr>
<td>张三</td><td>20</td><td>街舞</td>
</tr>
<tr>
<td>李四</td><td>21</td><td>唱歌</td>
</tr>
<tr>
<td>王五</td><td>21</td><td>画画</td>
</tr>
</table>
</body>
</html>
0
顶
3
踩
分享到：
| JavaScript中split函数的用法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    复选框选中表格中的行进行删除行操作

    总的来说，"复选框选中表格中的行进行删除行操作"是一个综合性的功能，涉及到前端交互设计、数据绑定、事件处理、DOM操作等多个方面，需要结合HTML、CSS和JavaScript的知识来实现。在实际开发中，我们还需要关注用户...

    HTML TABLE批量添加行与删除行

    HTML TABLE批量添加行与删除行.javascript实现。

    layui-table表复选框勾选的所有行数据获取的例子

    在进行网页开发时，常常需要对表格中的数据进行交互操作，其中一个常见的需求是获取用户通过复选框勾选的行数据。本文将详细介绍如何使用layui框架中的layui-table组件来实现复选框勾选的所有行数据的获取。 ### ...

    jquery 实现鼠标单击行时，选中checkbox复选框

    jquery 实现鼠标单击行时，改变行的背景颜色，选中checkbox复选框

    jquery复选树

    jQuery复选树是一种常见的实现方式，它结合了jQuery库的强大功能和HTML的CSS样式，使得在网页上创建具有复选功能的树形结构变得简单易行。本文将深入探讨jQuery复选树的原理、实现方法以及相关的CSS技术。 **一、...

    实现table表格checkbox复选框的全选 反选

    在HTML的表格中实现复选框的全选与反选功能，能够大大提升用户体验，使用户可以便捷地选择一组数据。这里我们将详细探讨如何通过JavaScript和HTML来实现这一功能。 首先，我们需要创建一个包含复选框的HTML表格。...

    利用jquery给指定的table动态添加一行、删除一行的方法

    删除行的操作可以通过选中对应的行，通常是通过复选框来实现。`delTr`函数接收一个参数，即复选框的名称（ckb）。它首先找到所有被选中的复选框，然后删除它们的父`tr`元素。这通常涉及到遍历所有选中的复选框并...

    jquery实现带复选框的表格行选中删除时高亮显示

    首先，我们需要一些基本的HTML结构，包含一个表格（`&lt;table&gt;`）以及带有复选框的行（`&lt;tr&gt;`）。表格的每一行中应该有一个复选框（`&lt;input type="checkbox"&gt;`），并且表格需要有一个唯一的ID，例如“tablight”。 ...

    多选框全选反选

    - 这行代码的关键在于使用了`getElementsByName()`方法，它返回的是一个`NodeList`对象，包含了所有名为“enjoy”的元素。 - **遍历并设置状态**：`for (var i = 0; i ; i++){...}` - 通过循环遍历所有复选框，并...

    JSP列表中复选框批量选择功能实现

    在JavaServer Pages (JSP) 开发中，常常需要实现用户界面中的批量选择功能，比如在列表中通过复选框来选中多个项目。本文将详细介绍如何在JSP中实现这样的功能，主要涉及HTML、JavaScript 和后端Java的交互。 首先...

    Java后台获取JSP页面多个复选框选中的值

    在Java后台获取JSP页面...首先，我们来理解复选框（Checkbox）在HTML和JSP中的使用。复选框通常用于让用户从多个选项中选择一个或多个。在HTML中，它们通过`&lt;input&gt;`标签表示，类型设置为"checkbox"。例如： ```html ...

    BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)

    本篇将详细介绍如何在Bootstrap Table中实现复选框的默认选中功能，特别地，我们将根据从数据库获取的状态来决定复选框是否被选中。 首先，我们需要引入Bootstrap Table的相关库，包括CSS和JavaScript文件。这些...

    JavaScript例子—实现行的增加、删除、全选、反选

    在这个"JavaScript例子—实现行的增加、删除、全选、反选"的示例中，我们聚焦于表格操作，这是网页数据展示和用户交互的常见方式。下面将详细解释如何使用JavaScript实现这些功能。 首先，全选和反选功能通常是通过...

    GridView复选框(C#)

    `**：设置每行的复选框的状态与头部复选框的状态相同。 #### 四、注意事项 1. **性能考虑**：在实际应用中，如果`GridView`中有大量的数据，每次回发可能会导致性能问题。这时可以考虑使用客户端脚本来处理复选框...

    设置表格隔行显示和选中行样式的插件

    至于压缩包中的"设置表格行样式和选中行样式"可能包含具体的代码示例或者插件文件，这些文件可能包括CSS样式文件、JavaScript脚本文件或者示例HTML文件。如果需要进一步操作，可以解压文件，查看其中的代码并根据...

    spreadjs_列头添加复选框全选功能-demo.zip

    3. 更新选择状态：当复选框状态改变时，遍历SpreadJS的行和列，通过API更改每个单元格的选择状态。 4. 反向同步：当用户手动选择或取消选择单元格时，同步更新复选框的状态，以反映当前选择的状态。 总的来说，通过...

    在ASP.NET MVC4 Gridview中，如何向每行添加复选框并从后面的代码访问选定的行。

    总结，要在ASP.NET MVC4的GridView中添加复选框并从后台代码访问选定的行，我们需要创建自定义的GridView，为每一行添加复选框，然后在控制器中处理POST请求，筛选出选中的行。这个过程涉及到前端视图的构建、表单...

    Angularjs bootstrap table多选，支持单击行选中

    在本文中，我们将深入探讨如何在AngularJS框架中结合Bootstrap Table实现多选功能，并支持单击行选中。AngularJS是一种强大的前端JavaScript框架，而Bootstrap Table则是一个流行的UI组件库，用于创建美观且响应式的...

    javascript 实现复选框全选/取消功能

    这行代码获取页面上所有的 `&lt;input&gt;` 元素，并存储在一个 HTMLCollection 对象中。 2. **条件判断**： ```javascript if (document.getElementById("checkbox2").checked == true) { // 选中 } else { // 未...

    点击table任意列选中当前行demo

    5. **复选框（Checkbox）集成**：标签中提到了"复选框"，这可能意味着在表格的每一行前都有一个复选框，用户可以通过点击复选框来选中行。复选框的状态可以通过JavaScript来控制，并且与表格行的选中状态同步。 6. ...

Magicbox
Global site tag (gtag.js) - Google Analytics