javascript:从 复选框来选中俩个数值,然后从单选框按钮来选择加减乘除运算符,实现简单的计算器.
2014-06-07 16:14
741 查看
<!DOCTYPE html> <html> <head> </head> <body id="body" onload="init();"> <input type="button" id="b" value="Plus" onclick="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>
相关文章推荐
- javascript 单选按钮 单击选中 双击取消选择实现代码
- 用javascript的下拉列表菜单中选中所需要运算的数值来实现简单的加法运算
- javascript 单选按钮 单击选中 双击取消选择实现代码
- 实现一个计算器,界面包括10个数字按钮(0至9)和四个运算符(加减乘除)按钮,以及等号和清空两个辅助按钮,还有一个用于显示输入输出的文本框。
- loner_li 机试题 编写一个简单的计算器实现加减乘除:输入两个数字和一个运算符号,输出结果(注意容错性)
- javascript-简单的计算器实现
- 用php简单实现加减乘除计算器
- C# WinForm下DataGridView单选按钮列和支持三种选择状态的复选框列的实现
- 用php简单实现加减乘除计算器
- javascript判断单选框或复选框是否选中方法
- javascript-简单的计算器实现步骤分解(附图)
- javascript-简单的计算器实现步骤分解(附图)
- javascript实现复选框实现单选按钮功能
- C# WinForm下DataGridView单选按钮列和支持三种选择状态的复选框列的实现
- Javascript实现DataGrid或DataList等容器上面选择单选框RadioButton
- javascript判断单选框或复选框是否选中方法集锦
- 编写Applet程序实现一个计算器,包括10个数字(0~9)按钮和4个运算符(加、减、乘、除)按钮,以及等号和清空两个辅助按钮,还有一个显示输入输出的文本框。试用GridLayout实现之
- 用JS实现一个在线测试(有单选、多选、判断题型),求在同一个JS里来判断单选框或复选框选中的值
- jquery实现表单中选择框/选中按钮是否选中遍历检查(提交页面中选择题答案)
- 【javascript】根据复选框选中的商品,计算总额 | 根据选择的样式进行变换