【问题标题】:Javascript function not executing properly when button is pressed按下按钮时Javascript函数无法正确执行
【发布时间】:2016-12-30 15:50:40
【问题描述】:
<html>
    <head></head>

    <body>
        <form>

                <table id="pulseputtable">
                <tr>
                    <td>

                        <label>Pulse rate : </label>
                        <input id="rate" type=text  placeholder="xxx"> per minute <br><br>

                        <select id="age" name=age>
                                <option value="age1">0-12 months</option>                               
                                <option value="age2">1-18 years</option>
                                <option value="age3">18+ years</option>
                            </select>
                        <br><br>
                        <input type="button" value="Check"   onclick="pulse()">                         
                        <br><br>

                             <label id = "check"></label>


                    </td>   
                </tr>
            </table>




        </form>

    <script type="text/javascript">


         function pulse(){
         var c = document.getElementById("age");
         var age = c.options[c.selectedIndex].value;
        var rate =  document.getElementById("rate");

        switch(age){
            case "age1":
                if((rate>=115) && (rate<=130)){
                    document.getElementById("check").innerHTML="Normal";
                }
                else if(( rate<115)){
                    document.getElementById("check").innerHTML="Too low";
                }
                else{
                    document.getElementById("check").innerHTML="Too High";
                }

                break;    

            case "age2":
                    if((rate>=80) && (rate<=115)){
                    document.getElementById("check").innerHTML="Normal";
                    }
                else if(( rate<80)){
                    document.getElementById("check").innerHTML="Too low";
                }
                else{
                    document.getElementById("check").innerHTML="Too High";
                }

                break;   


            case "age3":
                        if((rate>=60) && (rate<=80)){
                    document.getElementById("check").innerHTML="Normal";
                        }
                else if(( rate<60)){
                    document.getElementById("check").innerHTML="Too low";
                }
                else{
                    document.getElementById("check").innerHTML="Too High";
                }

                break;  
                        }
                    }


    </script>





    </body>




</html>

我编写此代码的目的是在我单击按钮时调用 pulse() 函数,但它不起作用。代码的目的是在文本字段中输入一个人的脉搏率并选择一个年龄类别!单击按钮后,应根据 javascript 函数中给出的条件在标签中显示结果!请帮助我,我已经坚持了几个小时! :(

【问题讨论】:

  • 您到处都有语法错误和拼写错误。例如if( rate&lt;115)),或者esle,当你的意思是else。检查您的错误控制台。
  • 已更正它仍然无法正常工作:(
  • 我相信还有更多。检查您的错误控制台。
  • 如何查看?我正在使用 adobe 括号?
  • 在网页浏览器中,打开开发者工具,查看控制台。

标签: javascript html forms function


【解决方案1】:

每个 case 语句中的最后一个 else 块都有拼写错误。代替 else 你有 esle。更正错字错误,它应该可以正常工作....

【讨论】:

  • 到处都有几个语法错误,这并没有涵盖这个问题带来的所有问题。
  • var c = document.getElementById("age"); var rate = document.getElementById("rate");在上面的行中尝试获取它的值并在 switch staements.. var rate = document.getElementById("rate").value;
  • 那里有什么错误?
猜你喜欢
  • 2018-11-05
  • 2017-10-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-05-15
  • 2016-09-24
  • 2013-08-08
  • 2020-02-14
相关资源
最近更新 更多