onclick的一些小问题-慕课网

首页课程实战体系课手记专栏慕课教程

onclick的一些小问题

来源：5-4 有参数的函数

qq_慕先生0585124

2019-11-11 11:54

如果从文本框里面接收参数 再通过onclick调用add3（）该怎么写？

写回答关注

2回答

晓之蛇: 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>

0 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 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468060 学习 · 21891 问题

查看课程

相似问题

onclick和onClick大小写问题

回答 2

一个小小的问题.....

回答 2

onclick的click是大写还是小写

回答 2

.onclick=function(){}这种形式的问题

回答 5

和onclick的功能一样

回答 1

打开慕课网App查看更多内容