`
wangjian5748
  • 浏览: 209655 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

用行的颜色来判断table的哪行被选中

阅读更多
今天修改一个老系统,需要判断table的哪行被选中,由于代码都被写死了,大部分html都是用java代码输出的,搞了很长时间没招,后来灵光乍现,发现该系统有个特色,就是被选中的行颜色与未选中行有区别,:)那么可以使用颜色来判断,下面是这段代码:
  var crmTable = document.getElementById("crmtable");
  var rows = crmTable.rows;
  var linkmanId = -1;
  for(var i = 0; i < rows.length; i++){
    //注意颜色输出是小写的
    if(rows[i].style.backgroundColor == '#d7dff5'){
      //每行的第一个列包含了我想要的数据,这里是个checkbox控件
      linkmanId = rows[i].cells[0].firstChild.value;
    }
  }
 这个系统要是没采用设置选中颜色的话,我就是神仙,就实现不了这个功能,除了修改后台的java代码。
分享到:
评论

相关推荐

    javascript实现table选中的行以指定颜色高亮显示的方法

    在进行web页面开发时,经常需要对表格行进行交互操作,其中比较常见的需求是选中某一行并以特定颜色高亮显示,以便用户能清楚地知道当前选中的项。本文主要介绍使用JavaScript来实现这一功能的技术方法。通过具体...

    修改grid行或列颜色

    这里使用了 `switch` 语句来判断 `record.data.color` 的值,并返回相应的CSS类名。例如,如果某行的 `color` 属性为 `#FBF8BF`,那么这一行将被添加上 `yellow-row` 类,从而应用对应的黄色背景。 #### 1.2 CSS...

    LabView图形化编程语言之表格选中行的上色、改变背景颜色.zip

    4. **条件判断**:在改变颜色之前,可能需要进行一些条件判断,比如判断当前选中的行是否已经具有特定颜色,或者根据选中的行数来决定使用哪种颜色方案。这可以通过“布尔逻辑”和“计数器”等节点实现。 5. **实时...

    C#实现改变DataGrid某一行和单元格颜色的方法

    获取特定单元格并修改颜色,可以遍历每一行的Cells集合,但需要注意的是,Cells集合只在当前单元格被选中时才可用。因此,一般情况下,我们可以通过DataGridTextColumn的ElementStyle或EditingElementStyle来全局...

    Element Table的row-class-name无效与动态高亮显示选中行背景色

    知识点一:Element UI Table组件的row-class-name属性使用问题 在使用Element UI的Table组件时,如果直接使用row-class-name属性并按官方文档示例代码写入,可能会遇到无法实现高亮显示预想中的行的情况。例如,当你...

    运用jquery实现table单双行不同显示并能单行选中

    根据给定的文件信息,可以提取和总结出以下知识点: ...通过使用 jQuery,可以方便地实现 ...这些知识点对于想要通过 jQuery 实现表格行单双行不同显示并支持单行选中的开发者来说,是理解和掌握这一功能实现的必要基础。

    listview改变选中行的字体颜色实例介绍

    在这个文件中,我们将定义颜色选择器,它会根据TextView的状态(如是否被选中、是否获取焦点等)来决定显示哪种颜色。以下是`itemcolor.xml`的示例内容: ```xml &lt;!-- 没有焦点且未被选中时的字体颜色 --&gt; &lt;!-...

    jQuery实现table表格鼠标经过隔行换颜色特效代码.zip

    例如,如果我们想选中所有的表格行(tr元素),我们可以使用`$("tr")`。jQuery还提供了许多方法,如`.hover()`用于添加鼠标悬停事件,`.css()`用于修改元素的CSS样式。 在描述的代码示例中,`.hover()`方法会接收两...

    jquery table鼠标滑过隔行变色表格样式代码

    可以使用 `nth-child(odd)` 和 `nth-child(even)` 选择器来选中表格的奇数行和偶数行,并分别设置不同的背景颜色。例如: ```css tr:nth-child(odd) { background-color: #f2f2f2; } tr:nth-child(even) { ...

    键盘上下键移动选择table表格行的js代码

    3. 使用`for`循环清除所有行的高亮背景色,确保只有当前选中的行被突出显示。 4. 使用取模运算符`%`来确保行号在表格范围内,即使用户按了多次上或下键,也能正确地在表格的首尾之间循环。 5. 更新`rowNo`以保持当前...

    设置整行选中.rar

    3. **选中样式**:为了视觉上明确表示哪一行被选中,通常会改变选中行的背景色、边框等样式。这可以通过CSS实现,例如设置`.selected`类来改变背景颜色。 4. **多选功能**:在某些场景下,用户可能需要同时选择多行...

    详解element-ui表格中勾选checkbox,高亮当前行

    4. 接下来定义`rowStyle`方法,该方法会根据当前行的索引和存储的`multipleSelection`数组来判断是否需要高亮当前行。如果当前行的索引存在于`multipleSelection`中,则返回相应的样式类名,使得当前行高亮显示。 5...

    tableWidget里面嵌入多个radiobutton并判断其状态

    2. **禁用选择**:如果希望某些单元格的按钮不能被选中,可以通过`setEnabled(false)` 来禁用。 3. **样式设置**:使用`setStyleSheet` 可以改变按钮的外观,如颜色、字体等。 4. **数据关联**:可以将每个按钮与...

    jQuery仿Excel表格选中单元格变色特效

    - 使用`$(this).toggleClass('selected')`来切换选中单元格的`selected`类,从而改变背景颜色。 - 当按下Shift键并释放时,需要遍历所有位于上次点击单元格和当前点击单元格之间的单元格,并将它们选中。 4. **...

    jquery操作表格隔行,滑动,点击,变色

    4. **多选框选中变色**:在表格中,如果包含复选框(`&lt;input type="checkbox"&gt;`),可以监听`change`事件来判断哪些行被选中,并改变这些行的样式。例如: ```javascript $("table tbody input[type='checkbox']")....

    vue element-ui table组件动态生成表头和数据并修改单元格格式 父子组件通信

    如示例中所示,使用v-if和v-else-if指令来判断"sharesReturn"这一列的值,并据此改变文本的颜色。 父子组件通信是Vue中组件间数据传递的基础机制。父组件通过props向子组件传递数据,子组件通过自定义事件(emit)...

    ios-折叠table展示歌曲信息.zip

    7. **交互反馈**:为了提供良好的用户体验,还可以添加一些交互反馈,比如在用户点击时显示加载指示器,或者改变被选中行的颜色。 通过上述步骤,我们可以实现一个具备折叠功能的歌曲信息展示表格。这个项目不仅...

    Homework20171123_jq综合应用1

    - 为了获取已选中和未选中的数据行,可以遍历表格中的每一行,通过判断对应的复选框是否选中来确定。选中状态可以通过`.is(':checked')`来获取。将结果存储到两个不同的数组中,一个保存选中项,另一个保存未选中项...

    layui 实现自动选择radio单选框(checked)的方法

    这里的服务器端数据应该包含某个状态信息,比如是否要接收消息通知,然后前端根据这个状态信息来决定哪个单选框应该被自动选中。 4. DOM操作:当后端返回的数据到达前端后,使用jQuery的属性方法(.prop())来修改...

    实现一个基本的国际象棋的 HTML5 版本

    设计游戏棋盘布局:国际象棋棋盘共有 8 行 8 列,可以用一个 8x8 的二维数组来表示每个格子,使用 HTML5 的 table 元素可以方便的实现棋盘布局。 定义棋子的属性和规则:每个棋子都有颜色、类型、位置等属性,定义...

Global site tag (gtag.js) - Google Analytics