应用如下:
循环表格内容,根据表格中的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);
}
}
}
分享到:
相关推荐
本篇将详细探讨如何利用jQuery实现表格中checkbox的相关事件操作,包括动态添加行、隔行换色、选中变色、全选与反选等功能。 首先,让我们了解jQuery的基本概念。jQuery是一个快速、简洁的JavaScript库,它简化了...
以上内容介绍了JavaScript在获取gridview中checkbox选中值的应用,并分享了相关的代码片段。通过这些代码,开发者可以在自己的Web项目中实现对gridview控件中checkbox选中状态的管理和业务逻辑操作。
标题中提到的“JS选中checkbox后获取table内一行TD所有数据的方法”,指的是通过JavaScript编程技术实现,在用户选中表格中某一行的复选框时,获取该行中所有单元格(TD)的内容。此技术主要应用于Web开发中,可以...
在这个例子中,开发者需要找到所有的表格行(`<tr>`)和复选框(`<input type="checkbox">`),并根据全选按钮的状态来改变它们的选中状态。 5. **遍历与迭代**: 为了实现全选和反选,需要遍历表格中的每一行,...
在示例中,我们将重点讲解如何利用JavaScript对DOM节点进行操作,以及如何处理与checkbox选中状态相关联的行数据。 首先,我们需要了解DOM(文档对象模型)树的概念。在HTML文档中,所有的元素都被看作是节点,而...
本文主要介绍了在使用Element UI库进行Web开发时,如何实现一个表格组件中勾选复选框并高亮当前行的功能。通过详细分析,读者可以了解到在后台管理系统中常见的一种表格操作需求,并且提供了解决这一问题的思路和...
这个主题,"10 - JS 实现 Checkbox 中按住 Shift 的多选功能",聚焦于通过按下Shift键实现连续选择多个Checkbox的功能,这在各种用户界面中非常常见,比如文件管理器、表格数据筛选等。 实现这一功能的关键步骤包括...
2. 监听复选框状态:使用JavaScript的`addEventListener`绑定`click`事件,获取所有表单内的复选框并根据`select-all`的状态来同步它们。 ```javascript document.getElementById('select-all').addEventListener('...
- 如果某个`CheckBox`被选中,则获取该行的数据键(`DataKey`)中的`ProductId`,调用相应的业务逻辑层方法执行删除操作。 - 根据删除操作的结果显示不同的提示消息,并根据需要重定向到其他页面。 #### 三、注意事项...
在网页设计和开发中,`checkbox`元素是一个重要的交互组件,它允许用户对一组选项进行选择或取消选择。本文将详细讲解如何实现`checkbox`的全选功能,这对于初学者理解`checkbox`的应用及其在页面布局中的使用至关...
然后通过循环遍历所有name属性为"ckb"的checkbox控件,并检查每一个是否被选中。一旦发现有未被选中的checkbox,将flag变量设置为false。最后根据flag变量的值决定第一个name属性为"check_box"的checkbox的选中状态...
在JavaServer Pages (JSP) 开发中,常常需要实现用户界面中的批量选择功能,比如在列表中通过复选框来选中多个项目。本文将详细介绍如何在JSP中实现这样的功能,主要涉及HTML、JavaScript 和后端Java的交互。 首先...
在Vue.js中,实现循环中的单选功能,通常涉及到数据绑定、事件监听和状态管理。以下是一个详细的步骤解析: 1. **数据结构**: 首先,我们需要定义一个数据对象来存储当前选中的项的索引。在这个例子中,`...
在IT领域,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理、动画以及Ajax交互。在网页开发中,GridView是一种常见的数据展示控件,通常用于显示表格形式的数据。当你需要在GridView中集成复...
这个函数接受一个布尔值`selectStatus`,表示全选框是否被选中。如果`selectStatus`为真,我们将遍历所有`name='check'`的checkbox,并将它们的`checked`属性设为`true`,实现全选效果。反之,如果`selectStatus`为...
4. **变色效果**:当用户选择表格中的某一行或复选框时,为了反馈用户操作,通常会改变选中行的背景色或文字颜色。这可以通过JavaScript和CSS配合实现。例如,使用`addEventListener`添加`click`事件监听器,当点击...
9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...
在本场景中,"jqgrid checkbox 合并"可能指的是在jqGrid中实现复选框(checkbox)的合并操作,比如多选行或单元格合并。在C++11标签下,虽然jqGrid是JavaScript库,但可能涉及前后端交互或者数据处理的上下文。 ...
9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时获取表格的宽度 9.16 表格选中后变色 9.17 表格中隐藏下级表格 9.18 表格自动下移 9.19 动态...