`

JS 获取选中的checkbox所在行的内容

阅读更多
function getTDtext()
{

var rows = document.getElementById("showbox").rows;
var a = document.getElementsByName("chk_type");
var states = "";
var  table = document.getElementById("showbox");

for(var i=0;i<a.length;i++)
{
if(a[i].checked){
var row = a[i].parentElement.parentElement.rowIndex;
states += rows[row].cells[1].innerHTML+";";
  //alert(rows[row].cells[1].innerHTML);
}
}

}
分享到:
评论
1 楼 liyu0310 2009-06-23  
建议把相关的html代码贴上来,不然才起来很费力气

相关推荐

    js获得Gridview中选中checkbox行的信息

    3. **获取行信息**:为了获取当前行的其他信息,我们需要找到Checkbox所在行的DOM元素。这可以通过相对定位(如`parentNode`和`previousElementSibling`)或者使用特定的行标识(如行的`data-key`属性)来实现。例如...

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

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

    javascript获取checkbox复选框获取选中的选项

    在JavaScript中,获取复选框(checkbox...总结一下,这个示例教会了我们如何使用JavaScript获取复选框选中的选项,包括查找表单元素,遍历复选框数组,以及如何处理选中项的信息。这对于构建交互式的网页应用非常有用。

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

    接下来,我们将详细讨论如何编写一个JavaScript函数来获取选中checkbox所在行的数据。我们的示例将涉及以下知识点: 1. 通过`document.getElementById`方法获取特定元素。 2. 使用`document.getElementsByName`或`...

    checkbox批量选中,获取选中项的值的简单实例

    批量选中Checkbox并获取选中项的值是一项常见的需求,尤其在处理表格数据时。本文将通过一个简单的HTML和JavaScript实例来详细讲解如何实现这一功能。 首先,我们创建一个包含多行的表格,每行有四个列:ID、...

    获取多选table选中行中的单元格内容

    三、获取选中行 在JavaScript中,可以通过遍历复选框数组,检查其`checked`属性来找出选中的行。可以使用`closest`方法找到每个复选框所在的`&lt;tr&gt;`元素。然后,你可以将这些行存储在一个数组中,方便后续操作。 四...

    Layui Table js 模拟选中checkbox的例子

    在具体实现上,先通过`$('#goodslicencetable').next().find("tr[data-index='"+index+"']div.layui-form-checkbox")`获取到对应行的复选框DOM对象。然后,利用`td.click()`模拟触发了点击事件,从而实现了复选框的...

    jQuery获取复选框选中的当前行的某个字段的值

    它获取选中复选框的父节点和其父节点,然后使用jQuery的`find()`方法遍历这一行的所有`&lt;td&gt;`元素。当找到一个`&lt;td&gt;`元素的`name`属性等于"z"时,就获取并显示它的内容。 两种方法都可以达到预期的效果,但第二种...

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

    在`selectAll`函数中,我们获取所有名为`selectedItems`的复选框并将其设置为选中状态。相反,`unselectAll`函数将它们全部取消选中。 当用户点击提交按钮时,我们需要收集选中的复选框的值,并发送到服务器进行...

    使用vue.js实现checkbox的全选和多个的删除功能

    Vue.js 作为一套用于构建用户界面的渐进式JavaScript框架,为开发者提供了一种高效的方式来实现这类功能。接下来,我们将详细介绍如何使用Vue.js来实现checkbox的全选和多个的删除功能。 首先,对于checkbox组件,...

    js实现表格变色(鼠标移动 选中变色)

    对于复选框,我们添加了`change`事件监听器,当用户选中或取消选中复选框时,改变所在行的背景颜色。 这个例子展示了如何利用JavaScript和CSS来实现动态的表格交互效果。通过监听和响应用户操作,我们可以使表格...

    bootstrap table实现点击翻页功能 可记录上下页选中的行

    在实际应用中,有时我们需要在用户翻页后保留之前选中的行状态,以便在返回时仍然能看到这些选择。在给定的代码中,作者提供了一个解决方案来实现这个功能。 首先,我们需要了解一些关键变量的用途: 1. `...

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

    函数会获取所有复选框,并检查被选中的复选框数量。如果存在选中的复选框,我们将所有行设置为选中状态(添加`.selected`类);否则,取消所有行的选中状态。这部分代码如下: ```javascript function setColor() {...

    3分钟写出来的Jquery版checkbox全选反选功能

    在这个例子中,作者使用了"this.checked"来获取和设置checkbox的选中状态。"this"在这里代表当前遍历到的DOM元素,这是一个非常常见的用法。 总结:以上就是这篇文章中涉及到的主要知识点。通过这篇文章,我们可以...

    利用JS实现页面删除并重新排序功能

    首先,用jqury选择器,选中勾选的行: var cks = $(#indicator_table).find(input[type='checkbox']:checked); 然后弹出一个确认是否删除框,为是否删除...// 获取checkbox所在行的顺序 n = $(this).parents(tr).index

    jQuery批量删除单元格内容代码.zip

    // 获取选中的单元格 var selectedCells = $('td input[type="checkbox"]:checked'); // 遍历并删除选中单元格的内容 selectedCells.each(function() { $(this).text(''); // 清空单元格内容 }); }); }); `...

    JQuery获取table一列值

    要获取表格中某列的所有值,通常需要先定位到该列所在的单元格,然后读取这些单元格内的内容。 #### 三、具体实现方法 1. **定位到目标列**: - 使用 JQuery 的选择器来定位到目标列。 - 例如,要获取第一列(即...

    js实现TreeView 级联选择

    ### js实现TreeView 级联选择 在前端开发中,TreeView 控件是非常常见的一个功能组件,主要用于展示层次化的数据结构。而级联选择是指当用户选择一个节点时,该节点的所有子节点也会自动被选中(全选)或取消选中...

    用js脚本控制asp.net下treeview的NodeCheck的实现代码

    从提供的内容来看,TreeView2.js中定义的几个关键JavaScript函数是控制TreeView节点复选框联动的核心: 1. `OnTreeNodeChecked(id,type)` 函数是处理TreeView节点复选框状态变化的主要函数,它根据传入的类型参数`...

Global site tag (gtag.js) - Google Analytics