在javascript中,文本框,下拉列表,文本框,文本框来进行运算

发布网友发布时间：2023-12-05 20:17

共2个回答

热心网友时间：2024-07-20 16:07

刚写的，完全没有问题！望采纳

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>计算器</title>
    </head>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $("button").click(function(){
                var first  = parseInt($("#first").val());//获取第一个数的值并转化为数字
                var second = parseInt($("#second").val());//获取第二个数的值并转化为数字
                var sum    = 0;//定义结果值
                var symbol = parseInt($("option:selected").val());//获取符号的值
                //通过对符号的判断计算结果
                switch(symbol){
                    case 0:
                        sum = first + second;
                        break;
                    case 1:
                        sum = first - second;
                        break;
                    case 2:
                        sum = first * second;
                        break;
                    case 3:
                        sum = first / second;
                        break;
                }
                var arr    = ['+','-','*','/'];//输出的符号
                $("#result").val(sum);//把结果输出到结果栏中
            })
        })
    </script>
    <style>
     p{ float:left;height:20px;}
p input{width: 60px;margin:0 8px;height:20px;}
    </style>
    <body>
        <h1>计算器</h1>
        <p><input type="text" id="first" /></p>
        <p>
         <select>
             <option value="0" selected="selected">+</option>
                <option value="1">-</option>
                <option value="2">*</option>
                <option value="3">/</option>
            </select>
        </p>
        <p><input type="text" id="second" /></p>
        <p>=</p>
        <p ><input type="text" id="result" readonly/></p>
        <p><button>计算</button></p>
    </body>
</html>

热心网友时间：2024-07-20 16:12

<input type="text" id="A1" />
<select id="B">
    <option>+</option>
    <option>-</option>
    <option>*</option>
    <option>/</option>
</select>
<input type="text" id="A2" />
<input type="button" id="ok" value="=" />
<span id="result"></span>var opation={
    "+":function(a,b){
        return a + b;
    },
    "-":function(a,b){
        return a - b;
    },
    "*":function(a,b){
        return a * b;
    },
    "/":function(a,b){
        if(b==0) return "err";
        return a / b;
    }
};

$("#ok").click(function(){
    var a1=parseInt( $("#A1").val() ) || 0;
    var a2=parseInt( $("#A2").val() ) || 0;
    var b=$("#B").val();
    var r=opation[b](a1,a2);
    $("#result").text(r);
});