Question

在这个while循环中，我有一个值列表：

<?php
while($row_list = mysqli_fetch_array($res_list)) {
    echo '<input type="checkbox" class="cost" value="'.$row_list['bedrag_incl'].'">'.$row_list['bedrag_incl'];
} ?>

当我点击该复选框时，我需要将总计点击的项目总计为总计并显示在此处：

<input type="text" id="bedragen_selected" name="bedragen_selected" value="" size="5" style="text-align:right;background-color: #e7e7e9" readonly="readonly" />

为了达到这个目的，我有了这个JS代码：

<script type="text/javascript"></script>
var sum = 0;

$('.cost').live('click',function()
{
    if($(this).is(':checked'))
    {
        sum = sum + parseFloat($(this).val());
    }
    else
    {
        sum = sum - parseFloat($(this).val());
    }
    $('#bedragen_selected').val(sum);
}
);
</script>

由于某种原因，没有显示结果，甚至没有给出错误。有什么建议吗？

Answer 1

希望这会对你有所帮助。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<input type="checkbox" class="cost" value="1">1<br>
<input type="checkbox" class="cost" value="2">2<br>
<input type="checkbox" class="cost" value="3">3<br>
<input type="checkbox" class="cost" value="4">4<br>
<input type="text" id="bedragen_selected" name="bedragen_selected" value="" size="5" style="text-align:right;background-color: #e7e7e9" readonly="readonly" />

FirebaseAuth.getInstance().getCurrentUser();

<add key="owin:AutomaticAppStartup" value="false" />

Answer 2

试试这个，

$(".cost").change(function(){
  calculate();
});


function calculate(){
    var sum = 0;

    $("input[type=checkbox]:checked").each(function(){
      sum += parseInt($(this).attr("value"));
    });

    alert(sum);
}

在线点击复选框

2 个答案: