例子:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<meta charset="utf-8" />
<script src="Scripts/jquery-1.11.3.js"></script>
<script>
//文档准备就绪函数
$(function () {
//添加加法计算事件
$("#Button1").click(function () {
//获取相加的两个数,并进行数据的强制类型转换
var num1 = parseFloat($("#Text1").val());
var num2 = parseFloat($("#Text2").val());
//获取相加的结果
var result = num1 + num2;
//将获取到的结果传给Text3
$("#Text3").val(result);
});
});
</script>
</head>
<body>
<input id="Text1" type="text" />
+<input id="Text2" type="text" />
<input id="Button1" type="button" value="=" />
<input id="Text3" type="text" />
</body>
</html>
效果: