可以直接在对应的页面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中绑定了这个事件:
所以我们可以仿照它,直接在相对应的页面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修复,程序杀毒,插件定制都可以提供最佳解决方案。