jQuery - 總結兩種形式的值

-1

我想將這兩個總結爲一個......我嘗試了很多東西......但是沒有任何工作......也許有人可以幫助我？如果我顯示10月2日回到10月的第一次，再次到第二我茶杯的總價格仍然存在，但我設置的值回零/零...jQuery - 總結兩種形式的值

也許它可能會被解散通過一個equilib？

<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>

來源

2016-08-03 Antonio Martello

沒有輸入元素，也沒有這些id與您提供的HTML元素。你還評論了結束''。 –

對不起還沒有準備好...我的壞...我是新的... –

您的html仍然無效。 –

我什至不知道你想與所有的東西做什麼，但在這裏，這是一個很小的例子：

$(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/

你缺少的東西：該字段可能包含字母或無效的格式化數字。您可能不希望以這種方式輸入字段。

來源

2016-08-03 21:26:40

jQuery - 總結兩種形式的值

回答

相關問題