PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通PHP建站技术分享-从入门到精通

QQ:420220301 微信/手机:150-3210-7690
当前位置:首页 > CMS教程 > Fastadmin

表格checked求和方法定义

管理员 2024-12-14
Fastadmin
2

可以直接在对应的页面JS文件中的index部分,定义方法

$(document).on("click", "body", function(){    // 以下使用JQ获取当前选中的数据    var huozhi = 0;    var yuliang = 0;    var zongliang = 0;    for (var i = 0; i < $('.selected').length; i++) {    // 这里直接替换你需要计算的逻辑        huozhi += parseInt($($('.selected').eq(i).find('td').get(2)).html()); // 货值:如果是其他的话,就算一下是第几行,直接替换掉即可        yuliang += parseInt($($('.selected').eq(i).find('td').get(3)).html()); // 余量:同上        zongliang += parseInt($($('.selected').eq(i).find('td').get(4)).html()); // 总量:同上    }    console.log(huozhi,yuliang,zongliang);     $('#jqcount').html('货值:'+huozhi +'元; 余量:' +yuliang+'KG;总量:'+zongliang +'KG');//这里就是结果,可以在对应的html页面上定义一个div,放在里面});

上面的方法可以解决部分问题,但是当直接点击复选按钮checked的时候是不生效的,原因是checked中绑定了这个事件:image.png
所以我们可以仿照它,直接在相对应的页面js的index中写对应方法,这样就可以同时被生效

table.on('check.bs.table uncheck.bs.table check-all.bs.table uncheck-all.bs.table', function () {    // 以下使用JQ获取当前选中的数据    var huozhi = 0;    var yuliang = 0;    var zongliang = 0;    for (var i = 0; i < $('.selected').length; i++) {    // 这里直接替换你需要计算的逻辑        huozhi += parseInt($($('.selected').eq(i).find('td').get(2)).html()); // 货值:如果是其他的话,就算一下是第几行,直接替换掉即可        yuliang += parseInt($($('.selected').eq(i).find('td').get(3)).html()); // 余量:同上        zongliang += parseInt($($('.selected').eq(i).find('td').get(4)).html()); // 总量:同上    }    console.log(huozhi,yuliang,zongliang);     $('#jqcount').html('货值:'+huozhi +'元; 余量:' +yuliang+'KG;总量:'+zongliang +'KG');//这里就是结果,可以在对应的html页面上定义一个div,放在里面});

希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。

相关推荐

扫码关注

qrcode

QQ交谈

回顶部