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("");
});
解决方案 »
- 请问html的技术高低影响jsp学习吗?
- 邮件地址分析问题
- 请高手看一下这个看似简单的问题:
- JavaScript自己写在html页里快呢,还是做个js然后在html中调用快?
- 如何检测图片是否存在
- 一个小问题,请看看....
- JavaScript中window.showModelessDialog函数的sURL的编码问题
- 一个关于TextArea方面的技巧问题(高分求教)
- 300分送出!help!!!
- MS IE所支持的Javascript和NetScape所支持的JavaScript有什么不同?
- 新手求解一个报错问题
- 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>