Question

此代码仅在刷新页面和“单击”后才起作用，因为变量是在函数外部定义的。如何让它现场工作？

var product1 = document.getElementById("num1");
var product2 = document.getElementById("num2");
var product1mult = product1.value * 200;
var product2mult = product2.value * 100;

  $('.success').on('click', function() {
    $('#result').html(product1mult + product2mult)
  });

<input type="text" id="num1"></input>
     
<input type="text" id="num1"></input>

<a href="#" class="button success">Ukupno sa zastitom</a>
        <span id="result"></span>

Answer 1

首先，ID必须是唯一的。您有两个标题为#num1的ID。输入标签也是自动关闭的，因此不需要</input>。看起来应该更像这样。

此外，不是为每个产品定义两个变量，而是将其简化为一个。

第三，您正在将JavaScript与jQuery混合使用。坚持使用一个是最好的做法。这是一个jQuery解决方案。

＆＃13;

$('.success').on('click', function() {
  var product1 = $("#num1").val() * 100;
  var product2 = $("#num2").val() * 100;
  $('#result').html(product1 + product2)
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="num1" />
<input type="text" id="num2" />

<a href="#" class="button success">Ukupno sa zastitom</a>
<span id="result"></span>

＆＃13;

从jquery访问全局变量

1 个答案: