最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript如何实现删除表格中勾选的行(代码)

来源:动视网 责编:小采 时间:2020-11-27 19:31:53
文档

javascript如何实现删除表格中勾选的行(代码)

javascript如何实现删除表格中勾选的行(代码):本篇文章给大家带来的内容是关于javascript如何实现删除表格中勾选的行(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。第一步:获取当前表格所选中的数据//devicelist为表格的id属性 var checkStatus = table.ch
推荐度:
导读javascript如何实现删除表格中勾选的行(代码):本篇文章给大家带来的内容是关于javascript如何实现删除表格中勾选的行(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。第一步:获取当前表格所选中的数据//devicelist为表格的id属性 var checkStatus = table.ch
 本篇文章给大家带来的内容是关于javascript如何实现删除表格中勾选的行(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

第一步:获取当前表格所选中的数据

//devicelist为表格的id属性
var checkStatus = table.checkStatus('devicelist')
 ,devicecheck_data = checkStatus.data;
var id_str="";
for(var i=0;i<devicecheck_data .length;i++){
 id_str=id_str+devicecheck_data.id;
}

第二步:编写方法,实现传入表格id和当前行的id(唯一标识),进行删除操作

function remove_table_tr(table_id,remove_id){
 var that_table=$("#"+table_id).next();
 var that_checkid=remove_id.split(",");
 $(that_table).find(".layui-table-body .layui-table tr").each(function(){
 var that_tr=$(this);
 var that_did=$(that_tr).find("td[data-field='did']").text();
 if(that_checkid.indexOf(that_did)!=-1){
 //将当前行进行删除操作
 $(that_tr).remove();
 }
 })
 }

文档

javascript如何实现删除表格中勾选的行(代码)

javascript如何实现删除表格中勾选的行(代码):本篇文章给大家带来的内容是关于javascript如何实现删除表格中勾选的行(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。第一步:获取当前表格所选中的数据//devicelist为表格的id属性 var checkStatus = table.ch
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top