jQuery 怎么获取表格里面的值

Gemerl 2013-07-19 04:01:15
效果图是


源码:

<div class="title_c">
<h3 class="title_right2">
人员列表

</h3>
<a class="btn_small f_right mright10" href="#"><b
class="add_select"></b>批量导入</a><a
class="btn_small f_right mright10"
onclick="showpop('del')"><b class="del"></b>删除</a>
<!-- onclick="showpop('add_p')" -->
<a class="btn_small f_right mright10" id="edit"><b class="edit"></b>修改</a>
<a class="btn_small f_right mright10"
onclick="showpop('add_p')"><b class="add"></b>新增</a>

</div>

<div class="mtop10">
<div class="over_x_sco">
<table width="100%" cellpadding="0" cellspacing="1"
class="table_list3 table_border_line evenRow">

<tr class="background_th">
<th align="center">
<input type="checkbox" name="checkbox4" id="checkbox4" />
</th>
<th>

</th>
<th>
员工编号
</th>
<th>
姓名
</th>
<th>
集采供应商标识
</th>
<th>
手机
</th>
<th>
国籍
</th>
<th>
性别
</th>
<th>
所在组
</th>
<th>
有效起始日期
</th>
<th>
有效终止日期
</th>
</tr>
<s:iterator value="pm.rows" var="emp" status="ss">
<tr>
<td align="center" valign="middle">
<input type="checkbox" name="checkbox5" id="checkbox5" />
</td>
<td>
<s:property value="#ss.count"/>
</td>
<td>
<s:property value="#emp.id"/>
</td>
<td>
<s:property value="#emp.empName"/>
</td>
<td>
<s:property value="#emp.supplierId"/>
</td>
<td>
<s:property value="#emp.mobile"/>
</td>
<td>
<s:property value="#emp.country"/>
</td>
<td>
<s:property value="#emp.sex"/>
</td>
<td>
<s:property value="#emp.group"/>
</td>
<td>
<s:date name="#emp.startDate" format="yyyy-MM-dd"/>
</td>
<td>
<s:date name="#emp.endDate" format="yyyy-MM-dd"/>
</td>
</tr>
</s:iterator>
</table>
</div>


下面整个表格都是从集合里面循环出来的。。
请问 怎么当选中一条数据前的多选框并点击修改时得到 后面的整行数据 谁叫我写一下
...全文
817 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
街头小贩 2013-07-28
  • 打赏
  • 举报
回复
怎么获取每个行的指定单元格的值呢? re: 什么意思?你想用鼠标点击td,并显示td的内容,还是就是想取所有行的第x列的值
Gemerl 2013-07-28
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
           function Edit() {
               $('table tr:gt(0) input:checked').each(function () {
                   var tr = $(this).closest('tr'), td = tr.find('td:gt(0)');
                   td.each(function () {alert(this.innerHTML) });
               })
           }
怎么获取每个行的指定单元格的值呢?
街头小贩 2013-07-19
  • 打赏
  • 举报
回复
给tr加一个id属性,值为checkbox的值,得到checkbox选中的值就知道哪行被选中了
Gemerl 2013-07-19
  • 打赏
  • 举报
回复
引用 2 楼 KongHuLu 的回复:
首先,如果tr是循环的话,你的checkbox的ID重复了,不过没什么大问题。 大概流程就是,给修改按钮绑定click事件,事件函数内,判断列表中checkbox被选中的数量,如果允许修改多个,那就判断 != 1非法,如果不允许,只判断< 1非法。 如果允许修改多个,就循环取到的checkbox依次去找对应的值,如果只允许单个,直接选取。 大概的代码如下,未经验证也不够优雅,你参考下。

<script type="text/javascript">
$("#edit").bind("click",function(){
	var cblist = $(".checkbox5[checked=true]");
	if (cblist < 1){
		alert("请先选中再操作");
	}
	cblist.each(function(){
		var tr = $(this).parent().parent();
		//找到了这行记录,依次用find去找子元素的值
	});
});
</script>
谢谢 !!!
潮起潮落 2013-07-19
  • 打赏
  • 举报
回复
首先,如果tr是循环的话,你的checkbox的ID重复了,不过没什么大问题。 大概流程就是,给修改按钮绑定click事件,事件函数内,判断列表中checkbox被选中的数量,如果允许修改多个,那就判断 != 1非法,如果不允许,只判断< 1非法。 如果允许修改多个,就循环取到的checkbox依次去找对应的值,如果只允许单个,直接选取。 大概的代码如下,未经验证也不够优雅,你参考下。

<script type="text/javascript">
$("#edit").bind("click",function(){
	var cblist = $(".checkbox5[checked=true]");
	if (cblist < 1){
		alert("请先选中再操作");
	}
	cblist.each(function(){
		var tr = $(this).parent().parent();
		//找到了这行记录,依次用find去找子元素的值
	});
});
</script>
  • 打赏
  • 举报
回复
           function Edit() {
               $('table tr:gt(0) input:checked').each(function () {
                   var tr = $(this).closest('tr'), td = tr.find('td:gt(0)');
                   td.each(function () {alert(this.innerHTML) });
               })
           }

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧