如何对jquery中选中字段的值进行求和
如何对jquery中选中字段的值进行求和
提问于 2014-06-07 09:30:32
我有一个网格，它在PHP中显示来自MYSQL db的数据。
此外，我还提供了一个复选框，如果用户选中复选框，选中的值应该添加并显示在底部。
下面是php网格：
<form id='myform' method='post' action=''>
<table id='mytable'>
<?php
$sql_getData = "SELECT * FROM MYTABLE";
$result_getData = mysql_query();
while($arr_data = mysql_fetch_array($sql_getData))
{
?>
<tr>
<td><?php echo $arr_data['payment_id'] ?></td>
<td><?php echo $arr_data['payments'] ?></td>
<td><input type='checkbox' name='mycheckbox' class='mycheckbox'></td>
<tr>
<?php
}
?>
<tr><td>Total Payments</td><td>TOTAL_VALUE</td></tr>
</table>
</form>编辑:提供Reigel建议的输出*预期输出:
如何使用jquery显示TOTAL_VALUE
更新代码，它添加循环中的所有值，因为它不应该. :
<form id="myform" method="post" action="">
<table id="mytable">
<?php
$sql_getData = "SELECT * FROM MYTABLE";
$result_getData = mysql_query();
while($arr_data = mysql_fetch_array($sql_getData)){
echo '
<tr>
<td>'.$arr_data['payment_id'].'</td>
<td>'.$arr_data['payments'].'</td>
<td><input type="checkbox" name="mycheckbox" class="mycheckbox" data-payment="'.$arr_data['payments'].'"></td>
<tr>'
}
?>
<tr>
<td>Total Payments</td>
<td id="tp">0.00</td>
</tr>
</table>
</form>
<script>
$(".mycheckbox").change(function(){
var payment = 0;
$(".mycheckbox:checked").each(function(){
payment += parseFloat($(this).attr("data-payment"));
});
$("#tp").html("<p>"+payment.toFixed(2)+"</p>");
});
</script>最后更新的代码，在Andy：的指导下工作得很好
<form id="myform" method="post" action="">
<table id="mytable">
<?php
$sql_getData = "SELECT * FROM MYTABLE";
$result_getData = mysql_query();
while($arr_data = mysql_fetch_array($sql_getData)){
echo '
<tr>
<td>'.$arr_data['payment_id'].'</td>
<td>'.$arr_data['payments'].'</td>
<td><input type="checkbox" name="mycheckbox" class="mycheckbox" data-payment="'.$arr_data['payments'].'"></td>
<tr>'
}
?>
<tr>
<td>Total Payments</td>
<td id="tp">0.00</td>
</tr>
</table>
</form>
<script>
$(".mycheckbox").change(function(){
var payment = 0;
$(".mycheckbox").each(function(){
payment += $(this).prop("checked") ? parseFloat($(this).attr("data-payment")) : 0;
});
$("#tp").html("<p>"+payment.toFixed(2)+"</p>");
});
</script>回答 1
Stack Overflow用户
回答已采纳
发布于 2014-06-07 10:17:24
如果我理解正确的话，这应该是为您做的假设$arr_data['payments']包含付款金额
<?
$exch_rate = 1.2;
?>
<form id="myform" method="post" action="">
<table id="mytable">
<?php
$sql_getData = "SELECT * FROM MYTABLE";
$result_getData = mysql_query();
while($arr_data = mysql_fetch_array($sql_getData)){
echo '
<tr>
<td>'.$arr_data['payment_id'].'</td>
<td>'.$arr_data['payments'].'</td>
<td><input type="checkbox" name="mycheckbox" class="mycheckbox" data-payment="'.$arr_data['payments'].'"></td>
<tr>'
}
?>
<tr>
<td>Total Payments</td>
<td id="tp">0.00</td>
<td id="anotherid">0.00</td>
</tr>
</table>
</form>
<script>
$(".mycheckbox").change(function(){
var exch_rate = <?=$exch_rate;?>;
var payment = 0;
$(".mycheckbox").each(function(){
payment += $(this).prop("checked") ? parseFloat($(this).attr("data-payment")) : 0;
});
$("#tp").html("<p>"+payment.toFixed(2)+"</p>");
payment *= exch_rate;
$("#anotherid").html("<p>"+payment.toFixed(2)+"</p>");
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24095798
复制相关文章
相似问题
腾讯云开发者
