Javascript 对表单输入执行计算

我设计了一个带有复选框和广播框的食物菜单网页。我使用PHP从MySQL数据库表中检索结果。下面的代码显示了当前如何设置的示例：

PHP包括连接到数据库：

  <?php include('includes/fruits.php');?>
  <?php include('includes/cheese.php');?>
  <?php include('includes/desert.php');?>

主页上返回表数据的输入框（每个类别都在自己的MySQL表中）：

$（文档）.ready（函数（）{
$（'.total'）。单击（函数（）{
v=0；
$（'.sum'）。每个（函数（）{
如果（$（this）.is（':checked'））{
v+=parseFloat（$（this.val（））；
}
});
警戒（五）；
});
});
10.00 ....
我会使用jQuery检查选中的单选按钮，然后对所有值求和，并将结果与.html一起放在文本字段中

检查单选按钮：

var value = $('input[name=radioName]:checked').val()

您可以使用以下选项循环浏览所有单选按钮：

$('.className').each(function() {
 // do stuff here
}

组合示例：

var sum = 0;
$('.radioButtonClass').each(function() {
     if($(this).is(':checked')) {
     sum = sum + $(this).val();
}
$("#idTextfield").html("Total: " + sum + "$");

例如，上面的代码将返回“-will、should、will或“does”？代码将返回每个项的值。因此，一旦我将VALUE属性更改为“VALUE=”，结果将如上所述。不过我还没有设置它。GOOD POINT BTWI今晚将检查这一点，并让您知道它是如何运行的。
array\u sum（）
对此可能会派上用场
<script src="jquery.js"></script>

<script>
$(document).ready(function() {

$('.total').click(function() {

v = 0;
$('.sum').each(function() {

if( $(this).is(':checked') ) {
v+= parseFloat($(this).val());
}

});

alert(v);

});

});
</script>

<input class="sum" type="radio" name="fruits[]" id="" value="10.00" class="green-border-fruits"  /> 10.00 ....

<input type="button" class="total" value="sum">

var value = $('input[name=radioName]:checked').val()

$('.className').each(function() {
 // do stuff here
}

var sum = 0;
$('.radioButtonClass').each(function() {
     if($(this).is(':checked')) {
     sum = sum + $(this).val();
}
$("#idTextfield").html("Total: " + sum + "$");