Twitter bootstrap 计算内联表单中的总值

我是新的引导编码。我有一个简单的问题，但我找不到答案

这就是我需要的：我有一件物品的重量，我需要计算总重量的单位数

谁能帮帮我吗

<div class="col-xs-4 control-group form-group">
    <div class="controls">
        <label>Unit Weight:</label>
        <input type="text" class="form-control" id="uweight" required data-validation-required-message="Please enter your name.">
        <p class="help-block"></p>
    </div>
</div>
<div class="col-xs-4 control-group form-group">
    <div class="controls">
        <label>Units:</label>
        <input type="text" class="form-control" id="units" required data-validation-required-message="Please enter your name.">
        <p class="help-block"></p>
    </div>
</div>
<div class="col-xs-4 control-group form-group">
    <div class="controls">
        <label>Total:</label>
        <input type="text" class="form-control" id="total" >
        <p class="help-block"></p>
    </div>
</div>

单位重量：

单位：

总数：

您可以使用jQuery将输入值及其ID拉入，然后执行计算。您只需为每个输入ID分配一个变量，然后将其输出到

#total

*我还将您的输入类型从

文本更改为
数字


$（文档）.ready（函数（）{
$（document）.on（'change'，'.form-control'，function（）{
var yourWeight，yourUnits，yourTotal；
yourWeight=$（'uweight'）.val（）；
yourUnits=$（“#units”）.val（）；
yourTotal=（parseFloat（yourWeight））*（parseFloat（yourUnits））；
$（'#total'）.val（yourTotal.toFixed（2））；
});
});
正文{
填充顶部：50px；
}

单位重量：

单位：

总数：

向每个输入添加
计算
类，稍后绑定，当用户释放键时，可以动态进行计算，并将总和输出到
\total


$（文档）.ready（函数（）{
//动态计算两个输入值
$（'.calculate'）.keyup（函数（）{
var Tot=parseFloat（$（'#units'）.val（））+parseFloat（$（'#uweight'）.val（））；
美元("总计").val(总计);；
});
//当用户第一次关注每个输入时，清除两个输入，并清除值00
$（'.calculate'）.focus（函数（事件）{
$（this.val（“”）.unbind（事件）；
});
//去掉这个，这只是个例子
$（'.calculate'）。按键（函数（e）{
如果（e.which！=8&&e.which！=0&&e.which<48 | e.which>57））{
$（“#errmsg”）.html（“仅限数字”）.show（）.fadeOut（“慢”）；
返回false；
}
});
});

单位重量：

单位：

总数：

Hi Ottavio的一种方法，非常感谢您的及时回复。是否可以使用out[计算]按钮完成此操作？用户进入nest后，字段总数自动计算？您的意思是这样的伟大的东西，所有的工作都很好。非常感谢。不客气，请在下面添加一个答案，以便您可以接受。ThanksIt的不必要的滥杀解决方案以及上面的OP想要在没有任何按钮计算的情况下动态计算输入值，检查问题下面的OP注释，旁注：非常努力：）是的，最后的代码要好得多，只有一点我必须更改，所以在填写表单后我可以正确发送它。id=“total”已禁用应更改为只读。很抱歉打扰您。不确定我是否已经开始了关于同一表单的另一个问题的新线程？我在表单中总共有24个字段。提交后，我会收到一封包含所有信息的电子邮件，除了带有下拉选择的字段。为什么会这样？我该如何修复它呢？最好的办法是问一个新问题，并用你用来处理表单和表单本身的代码的任何东西（PHP/Ruby等）来标记它。你知道我的答案在发布OPs评论之前就在那里了吗？你的回答不允许对重量使用十进制符号（ei 1.5）（是的，我确实看到了要删除的注释，但它通常没有什么价值），我不相信重量+单位=总重量，它应该是重量乘以单位。@vanburen，可以回答你的评论，但它将引发新的争论，你是对的，你的答案比我的好得多，你可以获得冠军杯，干杯