<!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 选中行的数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)