Question

我想总结两个以上的总共......我尝试了很多东西......但没有任何效果......也许有人可以帮助我？如果我显示10月2日回到10月1日再次到2日我的茶杯总价仍然存在，不过我将价值设定为零/零...

也许它只能通过一次分配来解散？

<script type="text/javascript">
    function einblenden(){
        var land   = document.getElementById('tea-date').selectedIndex;
        if(land == 1) {
document.getElementById('tea').style.display = "block";   
document.getElementById('tea-sum').style.display = "block";
document.getElementById('tea-input').value = ""; }
            else {
document.getElementById('tea').style.display = "none";  
document.getElementById('tea-sum').style.display = "none";
document.getElementById('tea-input').value = "";
}        }
</script> 

<script type="text/javascript">// <![CDATA[
jQuery(document).ready(function(){ 
jQuery("#tea-seat").bind("keyup change", function(e){ var val1 = jQuery("#tea-seat").val(); var val2 = 30; jQuery("#tea-sum").text(val1*val2); }); 
jQuery("#tea-input").bind("keyup change", function(e){ var val3 = jQuery("#tea-input").val(); var val4 = 17.50; jQuery("#tea-cup-sum").text(val3*val4); }); 
});
// ]]></script>

<p>Date*     
        <select name="tea-date" id="tea-date" onchange="einblenden();">
            <option value="1. Oct 2016">1. Oct 2016</option>
            <option value="2. Oct 2016">2. Oct 2016</option>
        </select>

<p>Seats*<br />
[number* tea-seats min:1 max:50 default:1 id:tea-seat]</p>

        <div id="tea" style="display: none;">
<p>reserve tea<br>( 17.50 $/cup)<br />
[number cup-tea min:0 max:50 default:0 id:tea-input] Cup/s</p>
        </div>

<p><strong>Total Price of seats: <span id="tea-sum"></span> Money</strong></p>
      
<p><strong>Total Price of Tea Cups: <span id="tea-cup-sum"></span> Money</strong></p>

<p><strong>Total Price of everything: <span id="total-tea"></span> Money</strong></p>

<p>[submit "submit text"]</p>

Answer 1

我甚至不确定你要用这些东西做什么，但这只是一个很小的例子：

$(document).ready((function() {
  var setValue = function() {
      var seats = parseFloat($("#tea-sum").val());
      var cups = parseFloat($("#tea-cup-sum").val());
      $("#total-tea").val(seats+cups);
  }
    $("#tea-sum").change(setValue);
  $("#tea-cup-sum").change(setValue);
}))

https://jsfiddle.net/zp88wmfv/

您遗失的内容：该字段可能包含字母或格式无效的数字。您可能也不会以这种方式想要输入字段。

jQuery - 总结表单的两个值

1 个答案: