使用复选框/单选按钮[关闭]求和值

问题描述：

I basically have a database table of values where one of the columns displays the cost of each asset.

I'm trying to add checkboxes to the side of each of the costs, so that I can select the values I want and display the averages and sum.

For Example:

我基本上有一个数据库表，其中一列显示每个资产的成本。 p>

我正在尝试在每个成本的一侧添加复选框，以便我可以选择我想要的值并显示平均值和总和。 p> \ n

例如： p>

p> div>

答

here is sample html and Js code that should solve your problem....

HTML is blow

  <table width="100%" border="1">
            <tr><th>Cost</th><th>Action</th></tr>
            <tr>
                <td>30</td>
                <td><input type="checkbox" class="check_list" val="30"/></td>
            </tr>
            <tr>
                <td>20</td>
                <td><input type="checkbox" class="check_list" val="20"/></td>
            </tr>
            <tr>
                <td>25</td>
                <td><input type="checkbox" class="check_list" val="25"/></td>
            </tr>
            <tr>
                <td>35</td>
                <td><input type="checkbox" class="check_list" val="35"/></td>
            </tr>
            <tr><td style="text-align: right">Sum</td><td><span id="sum"></span></td></tr>
            <tr><td style="text-align: right">AVG</td><td><span id="avg"></span></td></tr>
        </table>

& JS is blow

  <script>
        $(document).ready(function(){
            update();
        });
        $('input[type=checkbox]').click(function(){
            update();
        })
        function update(){
            var sum = 0;
            $('.check_list').each(function () {
                if (this.checked) {              
                    sum += Number($(this).attr("val")); 
                }
            });
            $("#sum").html(sum);
            var checkCount = $(".check_list:checked").length;
            $("#avg").html(parseFloat(sum/checkCount).toFixed(2));
        }
    </script>

Best of Luck!!

使用复选框/单选按钮[关闭]求和值

相关推荐