Question

如何在没有任何按钮的情况下显示数值？

＆＃13;

function multiplyBy() {
  var selPay = document.getElementById("pay");
  var pay = selPay.value;
  if (pay == 0) {
    num1 = 6;
    num2 = document.getElementById("callback").value;
    document.getElementById("result").innerHTML = num1 * num2;
  }
  if (pay == 1) {
    num1 = 12;
    num2 = document.getElementById("callback").value;
    document.getElementById("result").innerHTML = num1 * num2;
  }
}

＆＃13;

Answer 1

我建议你将所有代码包含在一个监听器中，并附加到元素＆＃34; pay＆＃34;，假设您的html输入如下所示： HTML：

> `<input type="text" id="pay" value="" />`

JAVASCRIPT：

/* event listener */
document.getElementsById("pay").addEventListener('change', doThing);

/* function */
function doThing(){
   //doSomething now
}

JQUERY中的

（1.7之前）：

$('#pay').bind('input', function() { 
    // do something with this now.
    $(this).val() // get the current value of the input field.
})

在JQUERY（1.7以后）：

  $('#pay').on('input', function() { 
      // do something with this now.
        $(this).val() // get the current value of the input field.
    });

或只收听keyup事件

 $('#pay').keyup(function() {
    // do something with this now.
        $(this).val() // get the current value of the input field.
    });

或使用onkeyup事件

<input type="text" id="pay" onkeyup="callYourFunc()">

使用侦听器或绑定，您可以实时更新DOM ，无需按钮

Answer 2

您可以使用onkeyup属性。

<input type="text" id="result" onkeyup="multiplyBy()">

Answer 3

这是假设选择，文本字段和范围

的最完整版本

我显示简单的JavaScript，因为那是标记的

＆＃13;

af.ParallelRange

＆＃13;

window.onload=function() {
  document.getElementById("pay").onchange=
  document.getElementById("callback").oninput=
    function() { // onchange of select or modification of input
      var pay = document.getElementById("pay").value,
      callback= document.getElementById("callback").value,
          num1=0;
    switch(pay) { // this could be an array instead
      case "0": num1=6; break;
      case "1": num1=12; break;
    }
    var total = 0;
    callback=(callback == "" || isNaN(callback))?0:parseInt(callback);
    document.getElementById("result").innerHTML = num1 * callback;
  }
}

＆＃13;

我选择oninput over document.getElementById（＆＃34; callback＆＃34;）。onkeyup，因为它也处理粘贴

如何计算没有按钮

3 个答案: