jquery如何获取checkbox在table中对应的行数 求代码

jquery如何获取checkbox在table中对应的行数 求代码,第1张

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8" />

<title>获取checkbox在table中对应的行数</title>

<style type="text/css">

{margin:0;padding:0}

tables{width:500px;background: #f0f0f0;margin:50px auto;font:12px/21px Arial, Helvetica, sans-serif}

tables td{border: 2px solid #fff}

</style>

</head>

<body>

<table class="tables">

<caption>获取checkbox在table中对应的行数</caption>

<tr>

<td><input type="checkbox" class="chk" /> </td>

</tr>

<tr>

<td><input type="checkbox" class="chk" /> </td>

</tr>

<tr>

<td><input type="checkbox" class="chk" /> </td>

</tr>

<tr>

<td><input type="checkbox" class="chk" /> </td>

</tr>

<tr>

<td><input type="checkbox" class="chk" /> </td>

</tr>

</table>

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

var total_tr=$("tables")find("tr"); //获得table中tr 的总行数

$("tables")click(function(event){

event = windowevent || event;

var target = eventtarget || eventsrcElement;

if(targettype == "checkbox" && targetchecked == true){

var this_tr=$(target)parent()parent();//获得当前点击的checkbox 所在tr

var index=total_trindex(this_tr); //获取该tr在整个table中 位置

alert('此checkbox在table 中对应的行数是:'+index+' (这只是索引值)');

}

});

</script>

</body>

</html>

可以在 <mx:DataGrid id="dg" x="10" y="0" width="524" height="236">

<mx:DataGridColumn headerText="内容"

dataField="message" />

</mx:columns>

获取,dgselecteditemmessage

有很多方法。

1

在你的check中保存数据行id,然后获取到数据行id,从数据库查询这行数据(从数据库获取数据)

2

在页面没有回传的前提下,获取到checkbox所属数据源的index,然后直接获取repeateritems[index]data就是你要的数据了

以上就是关于jquery如何获取checkbox在table中对应的行数 求代码全部的内容,包括:jquery如何获取checkbox在table中对应的行数 求代码、flex 4 在datagrid中 添加了一个checkbox 如何获取所选行的值、asp.net repeater 中怎么获取checkbox 选中行的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9308869.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存