gpt4 book ai didi

javascript - 最大数量池从数据库输入文本,并在选择形成 html/js/php 时减少它

转载 作者:行者123 更新时间:2023-11-28 05:11:08 25 4
gpt4 key购买 nike

好吧,我有一些代码可以将点从池中分配到用表单制作的统计数据中。我的代码:

<!DOCTYPE html>
<html>

<head>

<meta charset="UTF-8">

<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>
<link href="http://mynindo.pl/test/css/bootstrap.css" rel="stylesheet" media="screen">
</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>

我在 app.php 中的 php 代码检查所有点数 $Post[] 的总和是否 == 点数池。每个都工作正常,但是用户获得了许多分发需要数学的点,所以不能很棘手。

现在我的问题是,是否可以使用 ajax 或 jquery 实时更改点池的值?我的意思是,我总共得到 50 分,我向 Str 添加 1(没有提交),并且值(value)池从 50 更改为 49,无需重新加载页面?

最佳答案

因为在按下提交按钮之前您不会更新数据库,那么只需操作该 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);
});

这样就可以了。

顺便说一句您应该确保输入的是数字

关于javascript - 最大数量池从数据库输入文本,并在选择形成 html/js/php 时减少它,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41369740/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com