html代码
<p><input name="d1" type="text" id="d1" width="50" />
<select name="op" id="op">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input name="d2" type="text" id="d2" width="50" />
=
<input name="d3" type="text" id="d3" width="50" />
</p>Jquery代码
$("#cal").click(function () {
var x = $("#op option:selected").val();
var x1 = parseFloat($("#d1").val());
var x2 = parseFloat($("#d2").val());
var x3 = 0;
function calculate() {
if (x == "+") {
x3 = x1 + x2;
};
if (x == "-") {
x3 = x1 - x2;
}
if (x == "*") {
x3 = x1 * x2;
}
if (x == "/") {
x3 = x1 / x2;
}
};
$("#d3").val(x3);
$("#d1").val("");
$("#d2").val("");
});
<p><input name="d1" type="text" id="d1" width="50" />
<select name="op" id="op">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input name="d2" type="text" id="d2" width="50" />
=
<input name="d3" type="text" id="d3" width="50" />
</p>Jquery代码
$("#cal").click(function () {
var x = $("#op option:selected").val();
var x1 = parseFloat($("#d1").val());
var x2 = parseFloat($("#d2").val());
var x3 = 0;
function calculate() {
if (x == "+") {
x3 = x1 + x2;
};
if (x == "-") {
x3 = x1 - x2;
}
if (x == "*") {
x3 = x1 * x2;
}
if (x == "/") {
x3 = x1 / x2;
}
};
$("#d3").val(x3);
$("#d1").val("");
$("#d2").val("");
});
解决方案 »
- 用knockout实现viewmodel后,js怎么访问html中的对象?
- 一个点沿着一条折线匀速移动的算法
- 使用git管理nodejs+socket.io+redis+juicer+waterfall+ubuntu+aws ec2开发网站
- extjs html ProgressBar
- js关于tree 问题(菜鸟提问,高手该出手了)
- 学习javascript中使用滤镜的问题
- <input type=button onclick="">中调用两个函数
- js让相同的id名称的层全部隐藏
- 提交数据而不跳转,求JS
- 对下面还是不太清楚!哪位哥们给我讲讲
- 新手求解一个报错问题
- node递归调用java接口(每次调用settimeout 10)导致服务器崩溃
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<div>
<input name="d1" type="text" id="d1" width="50" />
<select name="op" id="op">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input name="d2" type="text" id="d2" width="50" />
=
<input name="d3" type="text" id="d3" width="50" />
<input id="cal" type="button" value="计算">
<input id="cl" type="button" value="清空">
</div>
<script>
// 计算
$("#cal").click(function () {
var x = $("#op").val();
var x1 = parseFloat($("#d1").val());
var x2 = parseFloat($("#d2").val());
var x3 = 0;
switch (x) {
case '+':
x3 = x1 + x2;
break;
case '-':
x3 = x1 - x2;
break;
case '*':
x3 = x1 * x2;
break
case '/':
x3 = x1 / x2;
break
};
$("#d3").val(x3);
});
// 清空
$('#cl').click(function () {
$("#d3").val("");
$("#d1").val("");
$("#d2").val("");
})
</script>