<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title> 222222 </title>
</head>
<body>
<table border="1" style="border-collapse: collapse" width="45%" height="29" id="table1">
<tr>
<td> <input type="checkbox" name="C1" value="ON"> </td>
<td> 222222 </td>
<td> 222 </td>
</tr>
<tr>
<td> <input type="checkbox" name="C2" value="ON"> </td>
<td> 233323 </td>
<td> 1111 </td>
</tr>
<tr>
<td> <input type="checkbox" name="C3" value="ON"> </td>
<td> 123123 </td>
<td> 1222 </td>
</tr>
</table>
<input type="button" onclick="readArray()" value="取得表格值">
<script>
//使用数组取得表格值
function getRowText()
{
var arr = new Array();
var count = 0;
for(var i=0;i <table1.rows.length;i++)
{
var row = table1.rows;
//取得CHECKBOX
var objCheck = row.cells[0].getElementsByTagName("INPUT")[0];
//如果CHECKBOX被选中.添加到二维数组
if(objCheck!=null && objCheck.checked)
{
//arr= row.innerText ;
arr[count] = new Array();
for(var x=0;x <row.cells.length;x++)
{
//不计单选框的单元格内容
if(x==0) continue;
arr[count][x-1] = row.cells[x].innerText;
}
count++;
}
}
return arr;
}
//读取表格值
function readArray()
{
var arr = getRowText();
for(var i=0;i <arr.length;i++)
{
//取得每一行的值
for(var x= 0;x <arr.length;x++)
{
document.write(arr[x]);
}
}
}
</script>
</body>
</html>
分享到：
相关推荐
本篇将详细介绍如何在Bootstrap Table中实现复选框的默认选中功能，特别地，我们将根据从数据库获取的状态来决定复选框是否被选中。 首先，我们需要引入Bootstrap Table的相关库，包括CSS和JavaScript文件。这些...
本文将详细介绍如何使用layui框架中的layui-table组件来实现复选框勾选的所有行数据的获取。 ### Layui-table组件介绍 Layui是一个前端UI框架，它提供了一系列可复用的组件。其中layui-table组件专门为表格数据的...
方法一：如何根据条件判断是否默认选中table表格前面的复选框 table.render({ elem: '#userTable' , url: '../sysRole/getUserList' , title: '用户列表' , page: true //开启分页 , cols: [[ {type:'...
在`TableModel`中，我们可以定义一个布尔类型的数组或列表，用于存储每行复选框的选中状态。 2. **创建`DefaultCellEditor`** `JTable`的单元格默认不能显示复选框，我们需要创建一个`DefaultCellEditor`来编辑复...
在IT领域，尤其是在Web开发和用户界面设计中，"复选框选中表格中的行进行删除行操作"是一项常见的功能需求。这个功能主要用于提供用户友好的数据管理方式，让用户能够批量选择并处理表格中的数据。下面我们将详细...
在layui table中，复选框通常用来让用户多选表格中的行，但默认情况下，当用户翻页后，先前选中的复选框状态不会被记住。为了解决这个问题，我们需要实现一个自定义的解决方案，确保用户在返回之前的页面时，复选框...
在网页开发中，表格（Table）是常用的数据展示方式，而复选框（Checkbox）则为用户提供多选功能。在HTML的表格中实现复选框的全选与反选功能，能够大大提升用户体验，使用户可以便捷地选择一组数据。这里我们将详细...
js 实现 选中表格行前的复选框则行变色! 值得下载看看!资源免费,大家分享!!
5. **复选框（Checkbox）集成**：标签中提到了"复选框"，这可能意味着在表格的每一行前都有一个复选框，用户可以通过点击复选框来选中行。复选框的状态可以通过JavaScript来控制，并且与表格行的选中状态同步。 6. ...
标题与描述中的知识点：“选中一级复选框，相关二级或父级同时被选，取消也是”，这描述了一个在前端开发中常见的功能需求——多级复选框联动。这种功能通常应用于具有层级关系的数据选择场景，如文件系统、组织结构...
本教程将深入探讨如何在QTableView中添加复选框，特别是在表头和第一列中实现这一功能，以增强用户界面的交互性。 首先，我们要明白QTableView的工作原理。它是基于QAbstractItemView类的，通过QStandardItemModel...
在本文中，我们将深入探讨如何在layui框架中创建一个表格，其中某一列显示为复选框（checkbox），以便实现单选功能。layui是一款基于前端的轻量级组件库，提供了丰富的UI组件，包括表格（table）、按钮、表单元素等...
具体来说，我们需要找到表头对应的`<th>`标签，并定位到其中包含复选框的`<div>`标签，然后将其替换为一个空的`<div>`标签，以此来移除复选框的显示。下面将详细解释具体步骤及代码实现。 #### 实现步骤 1. **定位...
在这个方法中，我们首先检查是否有值，如果没有值则返回null，否则返回一个JCheckBox组件，并将其添加到ItemListener中以监听复选框的变化。 使用JTable 在使用JTable时，我们需要将上述两个类组合起来使用。下面...
在微信小程序开发中，获取复选框全选与反选的选中值是一个常见需求。本文将详细讲解如何通过实例代码实现这一功能，并会详细说明相关知识点。 首先，我们需要了解微信小程序中几个关键组件的使用方法，包括`...
从提供的文件内容中，我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点： 1. jQuery选择器的使用：在文中，通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...
在某些应用场景中，我们可能需要在`QTableWidget`的表头中添加复选框，以便用户能够一次性选择多个列进行操作，例如排序或过滤数据。下面我们将详细讨论如何实现这个功能。 首先，要理解`QTableWidget`的结构，它由...
本篇文章将详细探讨如何在`QTableWidget`或`QTableView`的表头中添加复选框，并实现全选/全不选的功能。 首先，我们需要了解`QTableWidgetItem`和`QHeaderView`。`QTableWidgetItem`是`QTableWidget`中的基本元素，...