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

Question

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

我正在尝试在每个成本旁边添加复选框，以便我可以选择所需的值并显示平均值和总和。

例如：

Answer 1

这里是示例 html 和 Js 代码，应该可以解决您的问题....

HTML是打击

  <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是打击

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

祝你好运！！