本篇文章给大家带来的内容是关于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();
}
})
}
相关推荐:
立即学习“Java免费学习笔记(深入)”;
jquery实现带复选框的表格行选中删除时高亮显示_jquery
以上就是javascript如何实现删除表格中勾选的行(代码)的详细内容,更多请关注php中文网其它相关文章!
java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号