如何從循環輸入類型中減去總數

Question

這是我的代碼：

<html>

<head>
<script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.js"></script>
<script type="text/javascript">//<![CDATA[ 
$(window).load(function(){
$(".sub").focusout(function() {
    $("#answer").html('');
    var num = $("#num").val();
    var answer = 100 - num;
    $("#answer").html(answer);
});
});//]]>  
</script>
</head>

<body>
<p id='answer'> 100 </p>
<?php
    $db=mysql_connect("localhost","root","") or die("Could not connect to database");
    mysql_select_db("cb_client_database") or die("could not select database");
    $query = "SELECT * FROM ra_rooms WHERE Category = 'Double Deluxe Room'";
    $result=mysql_query($query, $db) or die(mysql_error($db));

    echo "<table>";

    while ($row = mysql_fetch_array($result))
    {
    extract($row);
?>
<tr><td><input type='number' max='<?phpecho"$Min_Capacity";?>' min='0' name='num' id=num class=sub><?phpecho"$RoomNumber";?></td></tr>


 <?php
     } 
     echo "</table>";
 ?>
</body>
</html>

例如：如果我有四（4）條記錄（這取決於我的數據庫有多少條記錄），它應該再生成3個變量，因此計算應如下所示：

 var answer = 100 - (num + num2 + num3 + num4);

問題是，我不知道該怎么辦。 請幫我。

Answer 1

首先，從<input>元素中刪除id="num" （每個文檔最多只能有一個唯一標識符）。

然后，稍微更新代碼以計算多個元素的總和：

var num = 0;
$('input.sub').each(function() {
    num += parseInt(this.value, 10);
});
var answer = 100 - num;
$("#answer").html(answer);

我已經假設"input.sub"與正確的輸入元素匹配。

Answer 2

1）寫回顯“ $ RoomNumber”； 輸入值。

2）使用雙引號輸入id和class。

3.嘗試與下面的PHP代碼計數器檢查輸入的.id將自動增加。

 <script>  

  var num1 = $('#num1').val();  
    var num2 = $('#num2').val();  
    var num3 = $('#num3').val();  
var num4 = $('#num4').val();  
    var answer = 100 - (num1+num2+num3+num4 );
    </script>  

<?php   
    $x=1; 
    while($x<=4)   //4 or count($result)
    {

    ?>  
<tr><td><input type='number'  min='0' name='num' value="<?phpecho"$RoomNumber";?>" id="num<?php echo $x;?>" class="sub"></td></tr>

<?php
$x=$x+1;  

}
?>

如何從循環輸入類型中減去總數

問題描述

2 個解決方案

解決方案1
1 已采納 2014-06-11 05:40:05

解決方案2
0 2014-06-11 05:43:21

如何從循環輸入類型中減去總數

問題描述

2 個解決方案

解決方案1 1 已采納 2014-06-11 05:40:05

解決方案2 0 2014-06-11 05:43:21

解決方案1
1 已采納 2014-06-11 05:40:05

解決方案2
0 2014-06-11 05:43:21