当前位置: 首页 > 编程笔记 >

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

狄法
2023-03-14
本文向大家介绍JS获得选取checkbox整行数据的方法,包括了JS获得选取checkbox整行数据的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JS获得选取checkbox整行数据的方法。分享给大家供大家参考。具体实现方法如下:


<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>js</title>

</head>

<script language="javascript">

function getTDtext() 

{

var rows = document.getElementById("test_table").rows; var a = document.getElementsByName("r"); //var states = ""; var  table = document.getElementById("test_table");

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(a[i].value);   alert(rows[row].cells[1].innerHTML); } }

} </script> <body> <table id="test_table"> <tr><td><input type="checkbox" name="r" value="1"></td><td>a</td></tr> <tr><td><input type="checkbox" name="r" value="2"></td><td>b</td></tr> <tr><td><input type="checkbox" name="r" value="3"></td><td>c</td></tr> <tr><td><input type="checkbox" name="r" value="4"></td><td>d</td></tr> <tr><td><input type="checkbox" name="r" value="5"></td><td>e</td></tr> <tr><td><input type="checkbox" name="r" value="6"></td><td>f</td></tr> </table> <input type="button" onclick="getTDtext()" value="button">

</body> </html>

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 本文向大家介绍JS选中checkbox后获取table内一行TD所有数据的方法,包括了JS选中checkbox后获取table内一行TD所有数据的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS选中checkbox后获取table内一行TD所有数据的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍JS获取checkbox的个数简单实例,包括了JS获取checkbox的个数简单实例的使用技巧和注意事项,需要的朋友参考一下 JS获取多选框checkbox被选中的个数。  我做的是每点击一下多选框就判断当前checked个数是否超过某个数值 要使函数checkdata()每次点击都发挥作用,需要在checkbox框中添加onclick事件: 以上这篇JS获取checkbox的个数简

  • 本文向大家介绍js获取表格的行数和列数的方法,包括了js获取表格的行数和列数的方法的使用技巧和注意事项,需要的朋友参考一下 如何使用JavaScript获取一个表格的行数和列数?其实很简单,假设存在如下表格: 则获取该表格的行数和列数可分别如下代码: 大家利用以上代码轻而易举的就能通过JavaScript获取表格的行数和列,希望这篇文章对大家的学习有所帮助。

  • pre { white-space: pre-wrap; } 本实例演示如何取得选中行数据。 数据网格(datagrid)组件包含两种方法来检索选中行数据: getSelected:取得第一个选中行数据,如果没有选中行,则返回 null,否则返回记录。 getSelections:取得所有选中行数据,返回元素记录的数组数据。 创建数据网格(DataGrid)     <table id="tt"

  • 本文向大家介绍jquery获取复选框checkbox的值的简单实现方法,包括了jquery获取复选框checkbox的值的简单实现方法的使用技巧和注意事项,需要的朋友参考一下 jQuery API : each(callback) :以每一个匹配的元素作为上下文来执行一个函数。 :checked :匹配所有选中的被选中元素(复选框、单选框等,不包括select中的option) js: jquer

  • 本文向大家介绍获取jqGrid中选择的行的数据,包括了获取jqGrid中选择的行的数据的使用技巧和注意事项,需要的朋友参考一下 下面可以获取选择一行的id,如果你选择多行,那下面的id是最后选择的行的id: var id=$(‘#gridTable').jqGrid(‘getGridParam','selrow'); 如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下: v

  • 在JSF页面中,我需要显示(选定行数)的(总行数)。我可以使用rowIndexVar属性在其中一列中显示行号,但我不知道在行选择的输入文本中单独显示相同的数字。 我需要在JSF页面或托管bean中做什么才能获得所选的行号。 请在这方面帮助我。 下面是我的JSF页面

  • 本文向大家介绍js与jQuery实现checkbox复选框全选/全不选的方法,包括了js与jQuery实现checkbox复选框全选/全不选的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js与jQuery实现checkbox复选框全选/全不选的方法。分享给大家供大家参考,具体如下: 先来看看JavaScript实现checkbox复选框全选/全不选的方法。这应该是一个比较实用的前端