获取增量输入的值答案

【问题标题】：Get the value of incremented input获取增量输入的值
【发布时间】：2017-03-23 23:13:08
【问题描述】：

我有两个按钮可以增加或减少输入值。我不知道如何在提交结果后检索该值。我目前的尝试结果要么是“未定义”，要么是“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>

【问题讨论】：

标签： javascript jquery html button input

【解决方案1】：

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

把你的代码改成这个

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

它应该可以工作。

【讨论】：

感谢您的快速回复！我尝试了您的代码，但出现错误： Uncaught TypeError: document.getElementById(...).val is not a function at HTMLButtonElement. (score.js:179) at HTMLButtonElement.dispatch (jquery.js:4670 ) 在 HTMLButtonElement.r.handle
对不起，我的错。 val() 是一个 jQuery 特定的函数。它现在应该可以工作了。

【解决方案2】：

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

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

使用其中一个：

标准 Javascript：

document.getElementById('inputval').value

jQuery：

$('#inputval').val()

【讨论】：