Javascript 单击按钮向文本框添加值
Javascript on button click add value to text box
只是一个超级简单的 javascript 问题,但我不知道它是如何工作的
需要将脚本输出到输入。
上的原始脚本
谢谢!
var theTotal = 0;
$('button').click(function(){
theTotal = Number(theTotal) + Number($(this).val());
$('.tussenstand').text("Total: "+theTotal);
});
$('.tussenstand').text("Total: "+theTotal);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="tussenstand">
<button value="1">1</button>
<button value="2">2</button>
<button value="4">4</button>
<button value="6">6</button>
在您的 JS 中将 class 选择器更改为 id 选择器,并使用 val()
而不是 text()
。
var theTotal = 0;
$('button').click(function(){
theTotal = Number(theTotal) + Number($(this).val());
$('#tussenstand').val("Total: "+theTotal);
});
$('#tussenstand').val("Total: "+theTotal);
val()
是 jQuery 用于 edit/retrieve 文本框的值。
由于您使用 id 作为输入,因此您需要使用 #
而不是 .
作为选择器。对于 input
,您必须分配值。
所以不用 $('.tussenstand').text(
使用 $('#tussenstand').val(
.
var theTotal = 0;
$('button').click(function(){
theTotal = Number(theTotal) + Number($(this).val());
$('#tussenstand').val("Total: "+theTotal);
});
$('#tussenstand').val("Total: "+theTotal);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="tussenstand">
<button value="1">1</button>
<button value="2">2</button>
<button value="4">4</button>
<button value="6">6</button>
使用这个脚本:
<script>
function insertTextInInputValue(buttonValueIs){
var inputElementIs = document.getElementById("tussenstand");
inputElementIs.value = inputElementIs.value + buttonValueIs;
}
</script>
与 HTML:
<input id="tussenstand">
<button onclick="insertTextInInputValue(1);">1</button>
<button onclick="insertTextInInputValue(2);">2</button>
<button onclick="insertTextInInputValue(3);">3</button>
<button onclick="insertTextInInputValue(4);">4</button>
<button onclick="insertTextInInputValue(5);">5</button>
<button onclick="insertTextInInputValue(6);">6</button>
只是一个超级简单的 javascript 问题,但我不知道它是如何工作的
需要将脚本输出到输入。
上的原始脚本谢谢!
var theTotal = 0;
$('button').click(function(){
theTotal = Number(theTotal) + Number($(this).val());
$('.tussenstand').text("Total: "+theTotal);
});
$('.tussenstand').text("Total: "+theTotal);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="tussenstand">
<button value="1">1</button>
<button value="2">2</button>
<button value="4">4</button>
<button value="6">6</button>
在您的 JS 中将 class 选择器更改为 id 选择器,并使用 val()
而不是 text()
。
var theTotal = 0;
$('button').click(function(){
theTotal = Number(theTotal) + Number($(this).val());
$('#tussenstand').val("Total: "+theTotal);
});
$('#tussenstand').val("Total: "+theTotal);
val()
是 jQuery 用于 edit/retrieve 文本框的值。
由于您使用 id 作为输入,因此您需要使用 #
而不是 .
作为选择器。对于 input
,您必须分配值。
所以不用 $('.tussenstand').text(
使用 $('#tussenstand').val(
.
var theTotal = 0;
$('button').click(function(){
theTotal = Number(theTotal) + Number($(this).val());
$('#tussenstand').val("Total: "+theTotal);
});
$('#tussenstand').val("Total: "+theTotal);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="tussenstand">
<button value="1">1</button>
<button value="2">2</button>
<button value="4">4</button>
<button value="6">6</button>
使用这个脚本:
<script>
function insertTextInInputValue(buttonValueIs){
var inputElementIs = document.getElementById("tussenstand");
inputElementIs.value = inputElementIs.value + buttonValueIs;
}
</script>
与 HTML:
<input id="tussenstand">
<button onclick="insertTextInInputValue(1);">1</button>
<button onclick="insertTextInInputValue(2);">2</button>
<button onclick="insertTextInInputValue(3);">3</button>
<button onclick="insertTextInInputValue(4);">4</button>
<button onclick="insertTextInInputValue(5);">5</button>
<button onclick="insertTextInInputValue(6);">6</button>