动态生成的html的Table中第一列是checkbox,如何判断选择了哪些checkbox,并获得相对应的记录_html/css_WEB-ITnose

PHP中文网
发布: 2016-06-24 12:08:17
原创
1527人浏览过

动态生成的html的Table中第一列是checkbox,如何判断选择了哪些checkbox,并获得相对应的记录??  

js代码:  

function get(){
var print = document.getElementsByName("isprint");
for(var i = 0; i < print.length; i++) {
if(print[i].checked) {
var factorId = document.getElementById('factorId').value;
alert(factorId);
} 
}
}

<table class="grid">
<tfoot></tfoot> 
<tbody>
<tr>
<th width="30px" >序号</th>
<th>标签要素名称</th>            
<th>是否起用</th>     
</tr>
<s:iterator value="%{pageDataFactorDef.datals}" id='vo' status='st'>
<td align="center"><s:property value="#st.count+(pageDataFactorDef.currentPage-1) * 
(pageDataFactorDef.pageSize)" /></td>
<td>${vo.factorName}</td>
<td>
<input type="checkbox" name="isprint" id="isprint" />
</td>
<td align="center"> <input id="factorId" value="${vo.factorId}" type="hidden"></input>//  取得隐藏域id值
   
 </tr> 
</s:iterator>       
</tbody>
</table>
登录后复制

在js中取得的id永远是table表中的第一条记录,不管你选中几条数据,它都是显示第一条记录数据的id值。

回复讨论(解决方案)

你所有的隐藏域的id都一样 当然取第一个

那怎么取得被选中相对应的数据

<input type="checkbox" name="isprint" id="isprint" cmdValue="${vo.factorId}" />
if(print[i].checked) {
alert(print[i].getAttribute("cmdValue"));
}
登录后复制
<input type="checkbox" name="isprint" id="isprint" />
登录后复制

改成

<input type="checkbox" name="isprint<%# Container.ItemIndex+1 %>" id="isprint<%# Container.ItemIndex+1 %>" />
登录后复制

<tbody>中加个ID

JS搜<tbody> 的行数

var rowCount = document.all.tbodyDetail.children.length - 1;
for (var i = 1; i <= rowCount; i++) {
var checkbox= form1["checkbox" + i].value.trim();
}
登录后复制

然后你遍历这个rowCount
你就可以拿到checkbox的id了 

以上就是动态生成的html的Table中第一列是checkbox,如何判断选择了哪些checkbox,并获得相对应的记录_html/css_WEB-ITnose的内容,更多相关内容请关注PHP中文网(www.php.cn)!

通义万相
通义万相

通义万相,一个不断进化的AI艺术创作大模型

通义万相 596
查看详情 通义万相


相关标签:
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号