javascript - 总增量在javascript中不起作用
问题描述
看看我的代码。增加总分不起作用。
好吧,我不知道这到底是什么好标题,因为这是一种最特殊的情况,或者我异常愚蠢。
AJAX
function incrementValue(id)
{
var value = parseInt(document.getElementById('num'+id).value, 10);
value = isNaN(value) ? 0 : value;
value++;
document.getElementById('num'+id).value = value;
values = value + value;
document.getElementById('sum').innerHTML = values;
}
我的刀片
<div class="panel-body">
<div class="table-responsive">
<table class="table table-bordered">
<tr>
<th class="translate">owowow</th>
<td>
<div class="input-group">
<input type="text" id="num0" value="0" class="form-control col-sm-1 translate" name="encouragemen222">
<div class="input-group-btn">
<input type="button" onclick="incrementValue(0)" class="btn btn-warning" value="Add">
</div>
</div>
</td>
</tr>
<tr>
<th class="translate">owowow</th>
<td>
<div class="input-group">
<input type="text" id="num1" value="0" class="form-control col-sm-1 translate" name="encourafgemen222">
<div class="input-group-btn">
<input type="button" onclick="incrementValue(1)" class="btn btn-warning" value="Add">
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="text-right">Total:
<span id="sum" class="translate">0</span>
</div>
</div>
解决方案
老实说,value++
会在函数的底部增加价值,你最好把它改成value += 1;
function incrementValue(id)
{
var value = parseInt(document.getElementById('num'+id).value, 10);
value = isNaN(value) ? 0 : value;
value += 1;
document.getElementById('num'+id).value = value;
var values = parseInt(document.getElementById('sum').innerHTML, 10);
values = isNaN(values) ? 1 : (values + 1);
document.getElementById('sum').innerHTML = values;
}
推荐阅读
- react-native - 在 facebook 和 twitter 上发布,如 instagram
- c# - ASP.NET Core - 如何注入 IOptionsMonitor
- http-headers - 由“Content-Security-Policy-Report-Only”标头发送的信任报告
- ios - 如何在没有 SwiftUI 中的 NavigationButton 的情况下导航到 NavigationView 中的另一个视图?
- facebook-graph-api - 使用 Facebook 图形 API 通过 laravel 应用程序在我的 Facebook 页面中提取评论时出错
- wordpress - 为什么我的值(来自自定义字段)被旧值(来自所述字段)覆盖?
- video-streaming - 嵌入式 iframe 从 Ant Media Server 返回无效响应
- c# - 在所有 Testfixture 之后如何运行代码 - Nunit
- cors - access-control-allow-headers: * 被忽略
- python - Numba 的 prange 给出了错误的结果