从已禁用的文本域获取价值Javascript

Question

＆＃13;

＆＃13;

function pretest() {
      var a = document.getElementById('pre').value;
      var result = parseInt(a);
      if (a <= 50) {
         document.getElementById('val').value = 1;
      }else if(50<a && a<= 80){
        document.getElementById('val').value = 2;
      }else{
        document.getElementById('val').value = 3;
      }
}

    function posttest(){
       var a = document.getElementById('post').value;
      var result = parseInt(a);
      if (a <= 50) {
         document.getElementById('val1').value = 1;
      }else if(50<a && a<= 80){
        document.getElementById('val1').value = 2;
      }else{
        document.getElementById('val1').value = 3;
      }
    }

    function all(){
      var a = document.getElementById('val').value;
      var b = document.getElementById('val1').value;
      var c = parseInt(a) + parseInt(b);
      if (!isNaN(c)) {
         document.getElementById('total').value = c;
      }

    }

  

＆＃13;

<input onkeyup="pretest();" type="text" id="pre" name="pretest">

<input onkeyup="all();" type="text" id="val" name="val" disabled="disabled">

<input onkeyup="posttest();" type="text" id="post" name="posttest">

<input onkeyup="all();" type="text" id="val1" name="val1" disabled="disabled">

<input onkeyup="total();" type="text" id="total" name="total" disabled="disabled">

＆＃13;

＆＃13;

＆＃13;

我有5个文字字段

A1 A2（来自A1和禁用的值onkeyup为真） B1 B2（来自B1和禁用的值onkeyup为真）

C（A2 + B2和禁用的文本字段）

如何获取C textfield的值？我使用onkeyup，但没有工作

Answer 1

您可以从普通文本输入中获取值

    

function myFunction(){
document.getElementById("textPlace").disabled = true;
console.log(document.getElementById("textPlace").value)

}

<input type="text" onkeyup="myFunction()" id="textPlace">

Answer 2

您的代码中有一些不妥之处。

• 永远，永远使用parseInt(foo)时没有基数参数，尤其是，foo是任意输入。否则parseInt会接受输入012，并认为它是您给出的八进制值。因此，请parseInt(a, 10)获取小数，或使用Number(a)
• onkeyup不会对残疾人元素开火 - 怎么可能？没有人能够在那里按键，因为它被禁用了。你可能想要的是onchange，但是......
• ... onchange（或oninput，当你手动设置一个元素时，它会更快触发并且我在下面使用过的东西会不会激发＃＆＃t} 39; s值;它不是在vanilla JS中，也不是在使用jQuery＆＃39; val()时 - 你必须手动触发它
• 你的代码示例匆忙，不完整，我必须工作更长时间，更难理解你想要的东西，而不是必要的;无论...

＆＃13;

＆＃13;

/*
Especially with function names like `all` and `total`, you will want
to make sure to set up some sort of namespacing, e.g. using the 
Revealing Module Pattern or other. These functions are attached to 
the global window object and can be overriden by anything and anybody,
causing at least hard-to-trace bugs, maybe worse
*/

function pretest() {
  var a = document.getElementById('pre').value;
  var result = parseInt(a, 10);
  if (a <= 50) {
    document.getElementById('val').value = 1;
  } else if (50 < a && a <= 80) {
    document.getElementById('val').value = 2;
  } else {
    document.getElementById('val').value = 3;
  }

  // you have to explicitly call all() here, as the input-event
  // won't be fired when manually setting value
  all();
}

function posttest() {
  var a = document.getElementById('post').value;
  var result = parseInt(a, 10);
  if (a <= 50) {
    document.getElementById('val1').value = 1;
  } else if (50 < a && a <= 80) {
    document.getElementById('val1').value = 2;
  } else {
    document.getElementById('val1').value = 3;
  }

  all()
}

function all() {
  var a = document.getElementById('val').value;
  var b = document.getElementById('val1').value;
  var c = parseInt(a, 10) + parseInt(b, 10);
  if (!isNaN(c)) {
    document.getElementById('total').value = c;
  }

  total();
}

total = function() {
  //TODO implement
}

document.getElementById('pre').addEventListener('input', window.pretest);
document.getElementById('post').addEventListener('input', window.posttest);

＆＃13;

<label for="pre">PRE</label><br>
<input type="text" id="pre" name="pretest">
<br><br>
<label for="val">val</label><br>
<input type="text" id="val" name="val" disabled="disabled">
<br><br>
<label for="post">POST</label><br>
<input type="text" id="post" name="posttest">
<br><br>
<label for="val1">val1</label><br>
<input type="text" id="val1" name="val1" disabled="disabled">
<br><br>
<label for="total">TOTAL</label><br>
<input type="text" id="total" name="total" disabled="disabled">

＆＃13;

＆＃13;

＆＃13;