js遍历tr替换checkbox被选中里面td元素字符串插入

2021-06-03 10:24| 发布者: 常德卧首软件| 查看:

您现在的位置: 主页 > 产品中心 > 网站建设 >


html部分:

<table class="table-extends">
<tr><td>1<td></tr>
<tr><td>2<td></tr>
</table>

js部分代码:

<script>
function itemForm2(){
 
var rand ;
var rand2 ;
 
//遍历tr
$('.table-extends tr').each(function(i){
 
   var ischeck = $(this).children("td:eq(3)").find("input").attr('checked');    
   if(ischeck == "checked"){
//$('.table-extends').append($(this).clone());
//$(this).children("td:eq(3)").find("input").attr('checked',false);
rand = new Date().getTime();
rand2 = $(this).children("td:eq(3)").find("input").val();
for(let key in $(this)){ //遍历对象
if(key == "context"){
doubleClick($(this)[key],rand2,rand);
}
  }
   }
});
}
 
function doubleClick(tr,rand2,rand) {
var cells = tr.cells;
var cells2;
var tr2 = '<tr class="extends-tr">';
var rand3 = rand.toString();
for(var i=0;i<cells.length;i++){
cells2 = cells[i].innerHTML;
if(i==2){
tr2 = tr2 + '<td class="show">' + cells2.replace(rand2,rand3) + "</td>"
}else{
tr2 = tr2 + "<td>" + cells2.replace(rand2,rand3) + "</td>"
}
}
$('.table-extends').append(tr2+"</tr>");
}

</sript>

 
下一篇:phpstudy的php5.4版本无法打开网页的解决办法 上一篇:发送表单checkbox多选项已数组形式接收代码
常德卧首工作室专业从事常德网站建设、常德网站制作、常德网站设计、常德网站托管维护、常德软件开发、常德网络推广等相关业务。我们是一支年轻的队伍,知识强,实战经验丰富,客户案例众多。自工作室成立以来,我们以质量求生存,以服务求发展,使客户得到称心满意的一条龙服务 。欢迎来电咨询:18182139521

联系我们

常德市武陵区柏子园社区旁

19976862850(服务时间:08:00-22:00)

woshou365@0736sx.com

在线咨询 官方微信官方微信

部门热线

前   台:19976862850
业务部:19976862850
客服部:19976862850
技术部:13387420034
人事部:13387420034

网站建设 微信开发 售后服务 咨询电话19976862850 返回顶部
返回顶部