主页 / 问题 / 1105128
Accepted
Степан
Asked:2020-04-04 02:53:22 +0000 UTC2020-04-04 02:53:22 +0000 UTC

为什么没有从表单中获取数据

  • 772
    <form action="" method="get">
        <input type="text" name="input_first_number" id="sum1">
        <input type="text" name="input_second_number" id="sum2">
        <input type="button" value="Применить" onclick="sum()"/>
    </form>

     let sum1 = document.getElementById("sum1").value;
     let sum2 = document.getElementById("sum2").value;
     function sum() {
         alert(+sum1 + +sum2);
 }

警报输出 0，我希望显示 sum1 和 sum2 形式的总和

javascript

2 个回答

  1. Best Answer

    因为当输入为空时，您sum1还会在页面加载期间获取值。sum2

    function sum() {
  let sum1 = document.getElementById("sum1").value;
  let sum2 = document.getElementById("sum2").value;
  alert(+sum1 + +sum2);
}

    或者

    let sum1 = document.getElementById("sum1");
let sum2 = document.getElementById("sum2");
function sum() {
  alert(+sum1.value + +sum2.value);
}
    • 3

  2. 使用JQ

    $('input[type="button"]').click(()=>{
    const sum1 = parseInt($('#sum1').val());
    const sum2 = parseInt($('#sum2').val());
    const fin = summ(sum1, sum2);
    console.log(fin);
    // либо без одноразовых пелеменных:
    console.log(summ($('#sum1').val(), $('#sum2').val()));
});

const summ=(a, b)=>(a+b);
    • 0

相关问题