javascript：从复选框来选中俩个数值,然后从单选框按钮来选择加减乘除运算符,实现简单的计算器.

本文链接：https://blog.youkuaiyun.com/wang_gmail/article/details/29200847

这个博客展示了如何使用JavaScript创建一个简单的计算器。用户通过复选框选择两个数值，然后使用单选按钮选择加、减、乘、除运算符，点击按钮即可得到计算结果。代码中详细定义了`init()`和`cal()`函数，用于生成复选框、读取用户选择并执行相应的运算。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>

<html>
<head>
</head>

<body id="body" οnlοad="init();">



<input type="button" id="b" value="Plus" οnclick="cal();" /><br>

<div id="result">
</div>

<input type="radio" id="plus" name="plusandminus" value="plus"/><span>+</sapn>
<input type="radio" id="minus" name="plusandminus" value="minux"/><span>-</sapn>
<input type="radio" id="multiply" name="multiplyanddivide" value="multiply"/><span>*</sapn>
<input type="radio" id="divide" name="multiplyanddivide" value="divide"/><span>/</sapn>
<br><br>



<script type="text/javascript">

function init() {

	for(i=0; i<100; i++) {
		checkBox=document.createElement("input");
		checkBox.setAttribute("type" , "checkbox");
		checkBox.setAttribute("id" , "cb"+i);
		checkBox.setAttribute("value" , i);
		body.appendChild(checkBox);

		span=document.createElement("span");
		span.innerHTML=i;
		body.appendChild(span);
	}

	
}
function cal() {
	if(document.getElementById("plus").checked) {
		sum = 0;
		for(i=0; i<100; i++) {
			cb = document.getElementById("cb"+i);
			if(cb.checked) {
				sum = parseInt(sum) + parseInt(cb.value);
			}
		}
		document.getElementById("result").innerHTML += sum + "  ";
	}

	if(document.getElementById("minus").checked) {
		sum = null;
		for(i=0; i<100; i++) {
			cb = document.getElementById("cb"+i);
			if(cb.checked) {
				if(sum == null) {
					sum = parseInt(cb.value);
					continue;
				}
				sum = parseInt(sum) - parseInt(cb.value);
			}
		}
		document.getElementById("result").innerHTML += sum;
	}

	if(document.getElementById("multiply").checked) {
		sum = 1;
		for(i=0; i<100; i++) {
			cb = document.getElementById("cb"+i);
			if(cb.checked) {
				sum = parseInt(sum) * parseInt(cb.value);
			}
		}
		document.getElementById("result").innerHTML += sum;
	}

	if(document.getElementById("divide").checked) {
		sum = null;
		for(i=0; i<100; i++) {
			cb = document.getElementById("cb"+i);
			if(cb.checked) {
				if(sum == null) {
					sum = parseInt(cb.value);
					continue;
				}
				sum = parseInt(sum) / parseInt(cb.value);
			}
		}
		document.getElementById("result").innerHTML += sum;
	}

}
</script>
</body>
</html>