版权声明:转载请注明出处:http://blog.csdn.net/Guobeibei_123 https://blog.csdn.net/Guobeibei_123/article/details/80679953
加法计算器的书写
使用JQuery进行编辑加法计算器,具体步骤如下:
<script src="Scripts/jquery-1.11.3.js"></script>
<script type="text/javascript">
$(function () {
//btn_sign表示button按钮的点击事件
$("#btn_sign").click(function () {
//NumOne第一个文本框
var NumOne = $("#txt_one").val();
//NumTwo第二个文本框
var NumTwo = $("#txt_two").val();
//result第三个文本框
var result = $("#txt_result").val();
//第一个文本框和第二个文本框的数相加
var sum = NumOne * 1 + NumTwo * 1;
//第三个文本框显示之和的结果
$("#txt_result").val(sum);
});
});
</script>
</head>
<body>
<div style="text-align:center">
<input id="txt_one" type="text" />+
<input id="txt_two" type="text" />
<input id="btn_sign" type="button" value="=" />
<input id="txt_result" type="text" />
</div>
</body>
其运行结果图: