増分入力の値を取得

Question

入力値を増減する2つのボタンがあります。私は後で結果の提出時に値を取得する方法を知らない。私の現在の試みは、「未定義」または「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> 

Answer 1

を事前に

おかげであなたはすでに割り当てられている値を取得しようとしています。

この

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

にコードを変更し

、それが動作するはずです。

Answer 2

あなたはこのようにそれを呼び出すようにしようとするときは、jQueryの使用に標準のJavaScriptの使用を混合している：

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

いずれかを使用またはその他：

標準のJavaScript：

document.getElementById('inputval').value 

jQuery：

$('#inputval').val()