Question

我希望有一个默认值（例如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>

https://jsfiddle.net/t5ud192g/3/

Answer 1

包含jQuery并设置尝试此代码：

jquery

查看paths，将字符串转换为数字。

修改使用.text()函数从div。

获取/设置值

Answer 2

您使用val代替text。这样的事情应该有效：

$('#increase').click(function() {
  var one = $('#output').text();
  var increase = 10;
  var output = +one + increase;

  $('#output').text(output.toFixed(2));
});

Answer 3

在小提琴中添加jQuery。

 var outputRef = $('#output'),increase = 10;
      $('#increase').click(function() {
          var output = Number(outputRef.text()) + increase;
          outputRef.text(output);
        });

Answer 4

使用.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));
    });
});

Answer 5

首先，您需要从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));
});

而不是val（）使用text（），因为从中提取数据的元素不是输入。多数民众赞成，上面修改后的代码完全正常。

Answer 6

）这些人已经钉了它 - 但我认为你正在学习 - 你问了一个按钮 - 这么几个指针。

我会将输入用于来自用户的任何内容，并且还会创建一个很棒的按钮。

<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 - 我喜欢它： - ）

Javascript在点击时相乘

6 个答案: