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

Question

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:

Answer 1

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!!