肯蒂科 8 表单自动求和字段

Question

我正在使用内置表单的Kentico 8。

我有各种成本字段，我想将它们相加以创建总计

例如。 $$input:cateringTotalCost$$ + $$input:venueHireTotalCost$$ = grand total字段

到目前为止，我拥有的：

<td> align="right">$$input:trafficManagementTotalCost$$</td>
</tr>
<tr>
    <th scope="row" style="text-align: left;">First aid</th>
    <td> $$input:firstaidDetails$$</td>
    <td> $$input:firstaidTotalCost$$</td>
    <td>$$input:totalExpenditure$$</td> 

$$input：总支出$$字段自动求和其他输入字段

我可以这样做吗，我该怎么做？

谢谢

Answer 1

您可以使用

JavaScript来创建自动求和功能。使用输入字段向每个单元格添加一个唯一的标识符，并使用 JS 代码附加脚本标记，如下所示：

<table>
...
<tr>
    <td id="cateringCell">$$input:cateringTotalCost$$</td>
    <td id="venueHireCell">$$input:venueHireTotalCost$$</td>
    <td id="totalCell">$$input:grandTotal$$</td>
</tr>
...
</table>
<script type="text/javascript">
$(document).ready(function() {
   var cateringInp = $('#cateringCell').find('input');
   var venueHireInp = $('#venueHireCell').find('input');
   var totalInp = $('#totalCell').find('input');
   var autoSumFunc = function() {
       //Plus add a code to test null/empty values
       totalInp.val(cateringInp.val() + venueHireInp.val());           
   };
   cateringInp.change(autoSumFunc);
   venueHireInp.change(autoSumFunc);
   autoSumFunc();
});
</script>

它假设你包含了jQuery库：-）。