Javascript 乘以点击
Javascript multiply on click
我想要一个默认值(例如 10)和一个按钮,每次点击时将默认值增加相同的值。我无法让脚本工作
<div id="output">10</div>
<div id="increase">Increase</div>
<script>
$('#increase').click(function() {
var one = $('#output').val();
var increase = 10;
var output = +one + increase;
$('#output').val(output.toFixed(2));
document.getElementById('output').innerHTML = value;
});
</script>
您使用了 val
而不是 text
。
这样的事情应该有效:
$('#increase').click(function() {
var one = $('#output').text();
var increase = 10;
var output = +one + increase;
$('#output').text(output.toFixed(2));
});
包括 jQuery 并设置试试这个代码:
$('#increase').click(function() {
var one = $('#output').text();
var increase = 10;
var output = Number(one) + increase;
$('#output').text(output.toFixed(2));
});
看看 Number(one)
,将字符串转换为数字。
编辑
使用 .text() 函数 get/set 来自 div.
的值
在fiddle中添加jQuery。
var outputRef = $('#output'),increase = 10;
$('#increase').click(function() {
var output = Number(outputRef.text()) + increase;
outputRef.text(output);
});
使用.text()获取div的值,.val()用于表单输入:
$(document).ready(function() {
$('#increase').click(function() {
var one = $('#output').text();
var increase = 10;
var output = +one + increase;
$('#output').text(output.toFixed(2));
});
});
首先您需要从 CDN 加载 jQuery 例如:https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js 然后:
$('#increase').click(function() {
var one = parseInt($('#output').text());
var increase = 10;
var output = increase + one;
$('#output').text(output.toFixed(2));
});
使用 text() 而不是 val(),因为您从中提取数据的元素不是输入。就是这样,上面修改后的代码工作得很好。
)
伙计们已经把它钉牢了 - 但我认为你正在学习 - 你问了一个按钮 - 所以几个指针。
我会为来自用户的任何内容使用输入,并且还会制作一个漂亮的按钮。
<input type="text" id="output" value=10 />
<input type="button" id="increase" value="Increase">
$('#increase').click(function() {
var rtn; // I would avoid same variable name as element in HTML ..pers pref
rtn = +$("#output").val() + 10; // Using inputs, can access the val
$('#output').val(rtn);
});
享受 JavaScript - 我很喜欢它:-)
我想要一个默认值(例如 10)和一个按钮,每次点击时将默认值增加相同的值。我无法让脚本工作
<div id="output">10</div>
<div id="increase">Increase</div>
<script>
$('#increase').click(function() {
var one = $('#output').val();
var increase = 10;
var output = +one + increase;
$('#output').val(output.toFixed(2));
document.getElementById('output').innerHTML = value;
});
</script>
您使用了 val
而不是 text
。
这样的事情应该有效:
$('#increase').click(function() {
var one = $('#output').text();
var increase = 10;
var output = +one + increase;
$('#output').text(output.toFixed(2));
});
包括 jQuery 并设置试试这个代码:
$('#increase').click(function() {
var one = $('#output').text();
var increase = 10;
var output = Number(one) + increase;
$('#output').text(output.toFixed(2));
});
看看 Number(one)
,将字符串转换为数字。
编辑 使用 .text() 函数 get/set 来自 div.
的值在fiddle中添加jQuery。
var outputRef = $('#output'),increase = 10;
$('#increase').click(function() {
var output = Number(outputRef.text()) + increase;
outputRef.text(output);
});
使用.text()获取div的值,.val()用于表单输入:
$(document).ready(function() {
$('#increase').click(function() {
var one = $('#output').text();
var increase = 10;
var output = +one + increase;
$('#output').text(output.toFixed(2));
});
});
首先您需要从 CDN 加载 jQuery 例如:https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js 然后:
$('#increase').click(function() {
var one = parseInt($('#output').text());
var increase = 10;
var output = increase + one;
$('#output').text(output.toFixed(2));
});
使用 text() 而不是 val(),因为您从中提取数据的元素不是输入。就是这样,上面修改后的代码工作得很好。
) 伙计们已经把它钉牢了 - 但我认为你正在学习 - 你问了一个按钮 - 所以几个指针。
我会为来自用户的任何内容使用输入,并且还会制作一个漂亮的按钮。
<input type="text" id="output" value=10 />
<input type="button" id="increase" value="Increase">
$('#increase').click(function() {
var rtn; // I would avoid same variable name as element in HTML ..pers pref
rtn = +$("#output").val() + 10; // Using inputs, can access the val
$('#output').val(rtn);
});
享受 JavaScript - 我很喜欢它:-)