如何汇总作为变量的单选和复选框响应答案

【问题标题】：How can I summate radio and checkbox responses that are variables如何汇总作为变量的单选和复选框响应
【发布时间】：2015-06-02 02:25:19
【问题描述】：

以下是带有字段的网站的整体外观：

http://cs1.calstatela.edu:8280/~cs120s06/labs/orderpizza.html

这是一个代码sn-p：

<p>size</p>
<input type="radio" name="size1" value="10" id="size1">large<br>
<input type="radio" name="size2" value="8" id="size2">medium<br>
<input type="radio" name="size2" value="5" id="size2">small

我怎么能在最后有一个提交按钮，它会用他们的名字向用户打招呼，然后把费用加起来，在这种情况下，一个没有浇头的大比萨饼的费用是 10 美元。但是你可以在我链接的 HTML 中看到源代码。

【问题讨论】：

标签： javascript jquery html sum field

【解决方案1】：

您必须使用 javascript。我使用了 jquery 以及下面的 javascript 代码。每当用户与您的表单交互时，它都会更改提交按钮的文本。我创建了这个http://codepen.io/anon/pen/ZGeEYB 供您玩耍。祝你好运:)

$('form').on("click mousedown mouseup focus blur keydown change",function(e) {
         var firstName = $('[name="firstName"]').val();
         var lastName = $('[name="lastName"]').val();
         var price = 0;
         $(':checked').each(function() {
             var addprice = $(this).val();
             price += parseInt(addprice);
         });

         $("[type='submit']").val('Hello '+firstName+' '+lastName+'. You have to pay $'+price+'. Is this okay?');
    });

【讨论】：