從數據庫中最大數量的池輸入文本，並減少它時，選擇形式的HTML/js/php

好吧，我有一點代碼來分配池中的點到統計用窗體。我的代碼：在app.php檢查從數據庫中最大數量的池輸入文本，並減少它時，選擇形式的HTML/js/php

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 

 
\t <meta charset="UTF-8"> 
 

 
\t <link rel="stylesheet" href="http://mynindo.pl/test/css/style.css"> 
 

 
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script> 
 
    <script src="http://mynindo.pl/test/js/incrementing.js"></script> 
 
\t <link href="http://mynindo.pl/test/css/bootstrap.css" rel="stylesheet" media="screen"> 
 
\t </head> 
 
<body> 
 
<div class="well"> 
 
<div class="container"> 
 
<form method="post" action="">Points: 50<br /><br /> 
 
     
 
     <label for="name">Int</label> 
 
     <div class="numbers-row"><input type="text" name="int" id="int" value="0"> 
 
     </div> 
 

 
     <label for="name">Str</label> 
 
       <div class="numbers-row"><input type="text" name="men" id="men" value="0"> 
 
     </div> 
 
     <label for="name">Dex</label> 
 
       <div class="numbers-row"><input type="text" name="dex" id="dex" value="0"> 
 
     </div> 
 
     <label for="name">Dex2</label> 
 
       <div class="numbers-row"><input type="text" name="str" id="str" value="0"> 
 
     </div> 
 
     <div class="buttons"> 
 
     <input type="submit" value="Submit" id="submit"> 
 
     </div> 
 
    </form> 
 

 

 
</div></div> 
 
</body> 
 

 
</html>

我的PHP代碼，如果所有的點$郵政[]的總和==分池。每一個作品都很好，但是我的用戶因爲發佈需求數學而得到了多餘的優勢，所以不會太棘手。

現在我的問題是，這有可能通過ajax或jquery實時更改poits池的值嗎？我的意思是，我總共得到50分，我給Str（didn; t sumbit）加1，價值池從50更改爲49 w/o重新加載頁面？

來源

2016-12-28 Inverno

因爲你沒有更新的數據庫中，直到按下提交按鈕，然後就操縱在span元素就足夠了，放下面的代碼的HTML部分，而不是你相應的代碼

Points: <span id="point" data-available="50">50</span>

添加下面的JavaScript代碼

$(':text').change(function(){ 
    var total=0; 
    $(":text").each(function(i) { 
    total += parseInt($(this).val()); 
    }); 
    $('#point').html($('#point').data("available")-total); 
});

這會做到這一點。

BTW你應該確保輸入的是數字

來源

2016-12-28 21:40:24 reza

我嘗試添加Uoyr代碼禮，但我不知道怎麼樣，我也嘗試過寫我自己的腳本來計算所有這些數字，但它也失敗

function countNum(val) { 
    var sum = document.getElementById("sum").value; 
    var i = document.getElementById("int").value; 
    var w = document.getElementById("men").value; 
    var s = document.getElementById("dex").value; 
    var d = document.getElementById("str").value; 
    var points = i + w + s + d; 
    if (points == 0){ 
    $('#suma').text(0); 
    }else{ 
    $('#suma').text(suma - points); 
    }};

與

Points: <div style="display: inline;" id="sum">50</div>

但並未在所有的工作。 CNA你告訴我，我的代碼片段應該如何工作？

來源

2016-12-29 14:36:33 Inverno

從數據庫中最大數量的池輸入文本，並減少它時，選擇形式的HTML/js/php

回答

相關問題