问答详情
源自：5-4 有参数的函数

onclick的一些小问题

http://img4.mukewang.com/5dc8d9dc0001117806800537.jpg如果从文本框里面接收参数 再通过onclick调用add3（）该怎么写？     

提问者：qq_慕先生0585124 2019-11-11 11:54

个回答

  • 晓之蛇
    2019-11-11 14:00:34
    已采纳 

    <body>    
<form id="root">
    <input type="text" id="num1" placeholder="第一个数">        
    <input type="text" id="num2" placeholder="第二个数">        
    <input type="text" id="num3" placeholder="第三个数">        
    <input type="submit" value="求和">     
</form>    
<p id="result"></p>
</body>
<script type="text/javascript">    
document.getElementById("root").addEventListener("submit",add3); //绑定事件，调用方法    
function add3(e){        
    e.preventDefault(); //阻止默认事件        
    var num1 = parseInt(document.getElementById("num1").value); //获取表单值，转为数值类型        
    var num2 = parseInt(document.getElementById("num2").value);        
    var num3 = parseInt(document.getElementById("num3").value);        
    var sum = 0;        
    sum = num1 + num2 +num3;        
    document.getElementById("result").innerHTML = "结果为："+sum;    
}
</script>


    3
  • weixin_慕先生1433389
    2020-03-06 15:38:32

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>返回值函数</title>

    <script type="text/javascript">

      function  app2(x,y)

      { var sum,x,y;

        sum = x * y;

        return sum;

      }

      function getvalue()

      {

       // alert("1111");

       //获取文本框中输入的值

        var nu1 = document.getElementById("num1").value;

        var nu2 = document.getElementById("num2").value;

        req1 = app2(nu1,nu2);

        document.write(req1);

      }


    </script>

    </head>

    <body>

        <input type="text" id='num1' /><br/>

        <input type="text" id='num2'/><br/>

        <input type="button" value="点击提交" onclick="getvalue()">

    </body>

    </html>


    0