jquery easyui如何获取被选中的checkbox的id然后将其页面包括数据库数据删除,我的前台页面是这样写的

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery easyui如何获取被选中的checkbox的id然后将其页面包括数据库数据删除,我的前台页面是这样写的相关的知识,希望对你有一定的参考价值。

参考技术A 这个复选框是没有id的,如果你要对选中的行进行操作的话,可以通过getSelections方法获取数据,如:
var rows = $("#dbgrid").datagrid("getSelections"); // 获取所有选中的行
for (var i = 0; rows && i < rows.length; i++)
var row = rows[i];
var index = $("#dbgrid").datagrid("getRowIndex", row); // 获取该行的索引

参考技术B 就是一个遍历的事儿
onLoadSuccess:function()//加载完毕后获取所有的checkbox遍历
$('#dbgrid input:checkbox').each(function(index,el)
if(/*.条件.*/)el.disabled=true;
);
追问

我刚学这,

不太懂能不能写详细一点,我想实现对选中的数据进行删除,我封装的js删除代码是这样,谢谢

追答

function del(index) //删除操作
$('#dbgrid').datagrid('deleteRow',index); //

本回答被提问者采纳

jQuery获取表格中checkbox被选中一行的属性数据

参考技术A 当都选其中某几项时,如果需要给服务端ajax传递对应项的id值,该如何做呢?
思路应该是这样的:
①获取被勾选项(即checked的checkbox所在行)
②将id存在checkbox所在input的自定义属性中,如 data-id 中
③创建空数组,遍历被选中的checkbox所在行,获取对应的 data-id 值,存入数组中
④将存入的数组转化为字符串,并用逗号隔开(join(','))

以上是关于jquery easyui如何获取被选中的checkbox的id然后将其页面包括数据库数据删除,我的前台页面是这样写的的主要内容,如果未能解决你的问题,请参考以下文章

jquery easyui datagrid 多选只能获取一条数据

如何设置jquery easyui中下拉框不可编辑

如何设置jquery easyui中下拉框不可编辑

jquery easyui datagrid 在翻页以后仍能记录被选中的行及刷新设置选中行数据

JQuery EasyUI DataGrid获取当前行或选中行

“jquery easyui treegrid”如何获取所有选择的节点?