<input type="button" id="b" value="-">
<input type="button" id="c" value="x">
<input type="button" id="d" value="/">
计算结果<input type="text" id="jg" >
参考:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>加减乘除计算(单选框未选择)</title>
<style>
</style>
</head>
<body>
<form action="" method="post" name="myform" id="myform">
<div class="wrapper" id="_wrapper">
操作数1:<input type="text" name="number1" id="number1" autocomplete="off"/><br><br>
<input type="radio" name="count" id="" value="加法"/>加法
<input type="radio" name="count" id="" value="减法"/>减法
<input type="radio" name="count" id="" value="乘法"/>乘法
<input type="radio" name="count" id="" value="除法"/>除法<br><br>
操作数2:<input type="text" name="number2" id="number2" autocomplete="off"/><br><br>
<input type="button" value="计算" id="" onclick="jisuan()"/>
<input type="reset" value="重置" id="" /><br><br>
计算结果:<input name="txtResult" type="text" id="txtResult" autocomplete="off"/>
</div>
</form>
<script>
var str;
var num1 = 0;
var num2 = 0;
//点击事件 //document.form的name值.input的name值.value
function jisuan(){
str = document.getElementsByName('count');
num1 = parseFloat(document.myform.number1.value);
num2 = parseFloat(document.myform.number2.value);
//判断文本框是否为空
//注意此处文本框获取值时使用了parseFloat转换,所以当文本框为空时是NaN,并不是""和null,所以需要用到isNaN来判断。
if(isNaN(num1) && isNaN(num2)){
alert("请填写数据!");
}
else if(isNaN(num1)){
alert("请填写操作数1!");
}
else if(isNaN(num2)){
alert("请填写操作数2!");
}
else{
danxuankuang();
}
if(str[0].checked == true){
document.myform.txtResult.value=num1+num2;
}
if(str[1].checked == true){
document.myform.txtResult.value=num1-num2;
}
if(str[2].checked == true){
document.myform.txtResult.value=num1*num2;
}
if(str[3].checked == true){
document.myform.txtResult.value=num1/num2;
}
}
//判断单选框是否选中
function danxuankuang(){
var a=5;//定义第三方变量,设定一个不在单选框值之内的值
for(var i=0;i < str.length; i ++){
if(str[i].checked == true){
a=i;
return a;
}
}
if(a==0 || a==1 || a==2 || a==3){
}else{
alert("请先选择单选框!");
}
}
</script>
</body>
</html>
js代码呢?发布的时候用</>格式化下代码
第一个数<input type="button" id="b" value="-" onclick="bb()">
<input type="button" id="c" value="x" onclick="cc()">
<input type="button" id="d" value="/" onclick="dd()">
计算结果<input type="text" id="jg" >