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>

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

您使用了 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 - 我很喜欢它:-)