龙行博客

走路看风景,经历看人生,岁月留痕迹,人生留轨迹,17的历史,18的豪情,时间的匆忙,人生的风景,放开心胸往前走,成功再远行,放开理想往前走,梦想再行动。
现在位置:首页 > 编程语言 > PHP > js统计表格指定列的合计

js统计表格指定列的合计

龙行    PHP    2018-10-18    732    0评论    本文已被百度收录点击查看详情

表格列合计

<table class="table table-border table-bordered table-hover table-bg" id="mytable">
        <thead>
        <tr>
            <th scope="col" colspan="6">用户统计列表</th>
        </tr>
        <tr class="text-c">
            <th width="10">编号</th>
            <th width="30">用户名</th>
            <th width="20">存款</th>
            <th width="20">下注</th>
            <th width="20">中奖</th>
        </tr>
        </thead>
        <tbody>
        {volist name="data" id="vo"}
        <tr style="text-align: center">
            <td>{$vo.id}</td>
            <td>{$vo.nickname}</td>
            <td>{$vo.coin}</td>
            <td>{$vo.coin}</td>
        </tr>
        {/volist}
        {$quick ? $quick : ''}
        </tbody>
        <tr id="totalRow"></tr>
    </table>
    <tr>
        <td>所有用户总计</td>
        <td></td>
        <td></td>
        <td>{$sum_coin}</td>
    </tr>
js:

<script>
    $(document).ready(function() {
        var totalRow = 0;
        $('#mytable tr').each(function() {
            $(this).find('td:eq(2)').each(function(){
                totalRow += parseFloat($(this).text());
            });
        });
        $('#totalRow').append('<td>当前页合计</td><td></td><td>'+totalRow.toFixed(2)+'</td>');
    });
</script>

评论一下 分享本文 赞助站长

赞助站长X

扫码赞助站长
联系站长
龙行博客
  • 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《龙行博客》。
  • 本文网址:https://www.liaotaoo.cn/41.html
  • 上篇文章:网站,死链,友链,内链
  • 下篇文章:layui-switch动态改变状态
  • php
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
快捷导航
联系博主
在线壁纸
给我留言
四四五五
音乐欣赏
返回顶部