Javascript 获取递增输入的值

我有两个按钮，可以增加或减少输入值。我不知道以后在提交结果时如何检索该值。我当前的尝试已导致“未定义”或“0”

提前谢谢你的建议

$('.plus').click(function(e){
    e.preventDefault();
    fieldName = $(this).attr('field');
    var currentVal = parseInt($('input[name='+fieldName+']').val());
    if (!isNaN(currentVal)) {
        $('input[name='+fieldName+']').val(currentVal + 1);
    } else {
        $('input[name='+fieldName+']').val(0);
    }
});


$(".minus").click(function(e) {
    e.preventDefault();
    fieldName = $(this).attr('field');
    var currentVal = parseInt($('input[name='+fieldName+']').val());
    if (!isNaN(currentVal) && currentVal > 0) {
        $('input[name='+fieldName+']').val(currentVal - 1);
    } else {
        $('input[name='+fieldName+']').val(0);
    }
});


//attempting to get value
var value = document.getElementById( 'inputval' ).val();


$('#submitscore').click(function() {
    alert(value);
});

我的HTML

 <span class="input-group-btn">
    <button class="btn btn-secondary btn-success minus" field='minusfield' id ="minus" type="button">-</button>
 </span>
 <input type="text" name="inputval" id="inputval" value="0" class="gh form-control" />
 <span class="input-group-btn">
    <button class="btn btn-secondary btn-success plus" id="plus" field='plusfield' type="button">+</button>
 </span>
 <button type="button" id="submitscore" class="btn btn-md btn-orange">Submit</button>

-
+
提交

您正在尝试获取已分配的值

将您的代码更改为此

$('#submitscore').click(function() {
        alert($('#inputval').val());
    });

---

它应该可以工作。

当您尝试这样调用它时，您正在混合使用标准Javascript用法和jQuery用法：

使用一个或另一个：

标准Javascript：

document.getElementById('inputval').value

$('#inputval').val()

jQuery：

document.getElementById('inputval').value

$('#inputval').val()

---

谢谢你的快速回复！我尝试了您的代码，但出现了一个错误：Uncaught TypeError:document.getElementById（…）.val不是HtmlButtoneElement的函数。（score.js:179）在HTMLButtonElement.dispatch（jquery.js:4670）在HTMLButtonElement.r.handleSorry，我的错。val（）是一个特定于jQuery的函数。现在应该可以了。