`
jeelee
  • 浏览: 637729 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS 循环表格内容,根据表格中的checkbox是否选中,得到相应行某列的值

 
阅读更多
应用如下:
循环表格内容,根据表格中的checkbox是否选中,得到相应行某列的值

function deleteSelected(){
	  var chk ; 
	  var mainKind,subKind,menuId;
      var objTable=document.getElementById("tab"); 
      if(objTable) 
      { 
         for(var i=0;i<objTable.rows.length;i++) 
         { 
        
        	chkdel = objTable.rows[i].childNodes[14].childNodes[0]; 
            if(chkdel.checked){
            	mainKind = objTable.rows[i].cells[1].innerText ;
            	subKind = objTable.rows[i].cells[2].innerText ;
            	menuId = objTable.rows[i].cells[3].innerText ;
            	alert(mainKind+subKind+menuId); 
            }
        
            //mainKind = objTable.rows[i].cells[3].innerText ;
            //alert(mainKind); 
         } 
      } 
}
分享到:
评论

相关推荐

    关于表格(table)中checkbox等相关事件操作(动态添加行+隔行换色等相关)(jquery)

    本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件操作,包括动态添加行、隔行换色、选中变色、全选与反选等功能。 首先,让我们了解jQuery的基本概念。jQuery是一个快速、简洁的JavaScript库,它简化了...

    JavaScript取得gridview中获取checkbox选中的值

    以上内容介绍了JavaScript在获取gridview中checkbox选中值的应用,并分享了相关的代码片段。通过这些代码,开发者可以在自己的Web项目中实现对gridview控件中checkbox选中状态的管理和业务逻辑操作。

    JS选中checkbox后获取table内一行TD所有数据的方法

    标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”,指的是通过JavaScript编程技术实现,在用户选中表格中某一行的复选框时,获取该行中所有单元格(TD)的内容。此技术主要应用于Web开发中,可以...

    JS简单表格列表全选反选代码.zip

    在这个例子中,开发者需要找到所有的表格行(`&lt;tr&gt;`)和复选框(`&lt;input type="checkbox"&gt;`),并根据全选按钮的状态来改变它们的选中状态。 5. **遍历与迭代**: 为了实现全选和反选,需要遍历表格中的每一行,...

    JS获得选取checkbox整行数据的方法

    在示例中,我们将重点讲解如何利用JavaScript对DOM节点进行操作,以及如何处理与checkbox选中状态相关联的行数据。 首先,我们需要了解DOM(文档对象模型)树的概念。在HTML文档中,所有的元素都被看作是节点,而...

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

    本文主要介绍了在使用Element UI库进行Web开发时,如何实现一个表格组件中勾选复选框并高亮当前行的功能。通过详细分析,读者可以了解到在后台管理系统中常见的一种表格操作需求,并且提供了解决这一问题的思路和...

    10 - JS 实现 Checkbox 中按住 Shift 的多选功能.rar

    这个主题,"10 - JS 实现 Checkbox 中按住 Shift 的多选功能",聚焦于通过按下Shift键实现连续选择多个Checkbox的功能,这在各种用户界面中非常常见,比如文件管理器、表格数据筛选等。 实现这一功能的关键步骤包括...

    CSS实现表格样式及全选功能

    2. 监听复选框状态:使用JavaScript的`addEventListener`绑定`click`事件,获取所有表单内的复选框并根据`select-all`的状态来同步它们。 ```javascript document.getElementById('select-all').addEventListener('...

    GridView中选择checkBox的项删除事件

    - 如果某个`CheckBox`被选中,则获取该行的数据键(`DataKey`)中的`ProductId`,调用相应的业务逻辑层方法执行删除操作。 - 根据删除操作的结果显示不同的提示消息,并根据需要重定向到其他页面。 #### 三、注意事项...

    checkbox全选功能实例

    在网页设计和开发中,`checkbox`元素是一个重要的交互组件,它允许用户对一组选项进行选择或取消选择。本文将详细讲解如何实现`checkbox`的全选功能,这对于初学者理解`checkbox`的应用及其在页面布局中的使用至关...

    javascript中checkbox使用方法实例演示

    然后通过循环遍历所有name属性为"ckb"的checkbox控件,并检查每一个是否被选中。一旦发现有未被选中的checkbox,将flag变量设置为false。最后根据flag变量的值决定第一个name属性为"check_box"的checkbox的选中状态...

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

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

    vue循环中点击选中再点击取消(单选)的实现

    在Vue.js中,实现循环中的单选功能,通常涉及到数据绑定、事件监听和状态管理。以下是一个详细的步骤解析: 1. **数据结构**: 首先,我们需要定义一个数据对象来存储当前选中的项的索引。在这个例子中,`...

    jquery实现带复选框的gridview

    在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画以及Ajax交互。在网页开发中,GridView是一种常见的数据展示控件,通常用于显示表格形式的数据。当你需要在GridView中集成复...

    jQuery实现table表格checkbox全选的方法分析

    这个函数接受一个布尔值`selectStatus`,表示全选框是否被选中。如果`selectStatus`为真,我们将遍历所有`name='check'`的checkbox,并将它们的`checked`属性设为`true`,实现全选效果。反之,如果`selectStatus`为...

    表格复选和复选变色效果.rar

    4. **变色效果**:当用户选择表格中的某一行或复选框时,为了反馈用户操作,通常会改变选中行的背景色或文字颜色。这可以通过JavaScript和CSS配合实现。例如,使用`addEventListener`添加`click`事件监听器,当点击...

    程序天下:JavaScript实例自学手册

    9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...

    jqgrid checkbox 合并

    在本场景中,"jqgrid checkbox 合并"可能指的是在jqGrid中实现复选框(checkbox)的合并操作,比如多选行或单元格合并。在C++11标签下,虽然jqGrid是JavaScript库,但可能涉及前后端交互或者数据处理的上下文。 ...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...

Global site tag (gtag.js) - Google Analytics