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