获取递增输入的值

时间:2017-03-23 23:13:09

标签: javascript jquery html button input

我有两个按钮,可以递增或递减输入值。我不知道如何在提交结果后检索该值。我目前的尝试要么导致'undefined'或'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>

2 个答案:

答案 0 :(得分:0)

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

将您的代码更改为此

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

它应该有用。

答案 1 :(得分:0)

当你试图像这样调用它时,你将标准的Javascript用法与jQuery的用法混合在一起:

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

使用其中一个:

标准Javascript

document.getElementById('inputval').value

<强>的jQuery

$('#inputval').val()