首页 > 解决方案 > 总增量在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>

图片

标签: javascriptlaravel

解决方案


老实说,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;
}

推荐阅读