jsp+javascrip的简单运算器

最新推荐文章于 2018-03-24 22:45:46 发布

xuxiaofeimiaolihong

最新推荐文章于 2018-03-24 22:45:46 发布

阅读量105

点赞数

分类专栏： javascript基础文章标签： JSP JavaScript ViewUI

本文链接：https://blog.csdn.net/xuxiaofeimiaolihong/article/details/83920098

版权

javascript基础专栏收录该内容

4 篇文章 0 订阅

订阅专栏

、

文本显示后如下图

+ - =

点运算后显示如下图

+ - =

         //获取填入表单的数值并转化成浮点数值；
        var num1 = parseFloat(document.getElementById("num1").value);
        var num2 = parseFloat(document.getElementById("num2").value);

//获取num3的Id
var num3 = document.getElementById("num3");

       //获取单选按钮的组的Id
        var radio = document.getElementsByName("radio1");
        var commend;

      //遍历单选按钮判断哪个按钮被选中
        for ( var i = 0; i < radio.length; i++) {
            if (radio[i].checked == true) {
                commend = radio[i].value;
                break;
            }
        }

      //判断填入的内容是否为数字
        if (num1 != null && num2 != null) {
           if (isNaN(num1) || isNaN(num2)) {
                if (isNaN(num1)) {
                    alert("第一个输入框输入的不是数字或者没有输入数值");
                } else {
                    alert("第二个输入框输入的不是数字或者没有输入数值");
                }

//判断选中的单选框的属性，
            } else if (commend == "radio1") {
                var num4 = num1 + num2;
                num3.value = num4;
            } else if (commend == "radio2") {
                var num4 = num1 - num2;
                num3.value = num4;
            }
        }
    }
</script>

xuxiaofeimiaolihong

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jsp+javascrip的简单运算器

、&lt;body&gt; &lt;input type="text" name="num1" id="num1"&gt; &lt;input type="radio" name="radio1" value="radio1" checked="checked"&am
复制链接

扫一扫