堆栈内存溢出
  繁体   English   中英

警报弹出消息不显示

[英]alert popup message doesn't show up

 原文  2020-01-22 11:14:28  4   1    javascript

问题描述

因此，根据此问卷中的输入，应通过单击提交按钮显示包含分数变量的弹出消息。 由于某种原因没有发生。 问题究竟出在哪里？ 在 Visual Studio 代码中没有出现错误，但是当我在浏览器中完成问卷并按下提交时，什么也没有发生。

HTML

<!doctype html>

<html>

<head>

</head>

<body>

  <h1>Endometrial Cancer Predictor </h1>

  <h3>What is your BMI?</h3>

  <input id="bmi1" type="radio" name="grp1" value="0"> less than 25 </input> <br>

  <input id="bmi2" type="radio" name="grp1" value="1.85"> 25 to 29 </input> <br>

  <input id="bmi3" type="radio" name="grp1" value="4.675"> 30 to 39 </input> <br>

  <input id="bmi4" type="radio" name="grp1" value="6.175"> over 40 </input>


  <h3>Do you take contraception?</h3>

  <input id="contraNo" type="radio" name="grp2" value="0"> No <br>

  <input id="contraOral" type="radio" name="grp2" value="-0.8"> Oral Contraception <br>

  <input id="contraIud" type="radio" name="grp2" value="-1.2"> Intrauterine Device (IUD)


  <h3>Do you take HRT?</h3>

  <input id="hrtNo" type="radio" name="grp3" value="0"> No <br>

  <input id="hrtConti" type="radio" name="grp3" value="-0.675"> Continuous <br>

  <input id="hrtNon" type="radio" name="grp3" value="0.5"> Non Continuous


  <h3>Do you suffer from Type 2 Diabetes?</h3>

  <input id="diabYes" type="radio" name="grp4" value="1.375"> Yes <br>

  <input id="diabNo" type="radio" name="grp4" value="0"> No


  <h3>Do you suffer from PCOS?</h3>

  <input id="pcosYes" type="radio" name="grp5" value="3.75"> Yes <br>

  <input id="pcosNo" type="radio" name="grp5" value="0"> No


  <h3>What is your parity?</h3>

  <input id="nulliparity" type="radio" name="grp6" value="1.075"> 0 <br>

  <input id="parOver1" type="radio" name="grp6" value="-0.8"> +1

  <br>
  <br>

  <button id="btn1" onclick "fn1()">Submit </button>


  <script>
    src = "index.js"
  </script>

</body>

</html>

索引.js

function fn1()
{
    var score=2.5;
    var bmi1 = document.getElementById("bmi1");
    var bmi2 = document.getElementById("bmi2");
    var bmi3 = document.getElementById("bmi3");

    var contraNo = document.getElementById("contraNo");
    var contraOral = document.getElementById("contraOral");
    var contraIud = document.getElementById("contraIud");

    var hrtNo = document.getElementById("hrtNo");
    var hrtConti = document.getElementById("hrtConti");
    var hrtNon = document.getElementById("hrtNon");

    var diabYes = document.getElementById("diabYes");
    var diabNo = document.getElementById("diabNo");

    var pcosYes = document.getElementById("pcosYes");
    var pcosNo = document.getElementById("pcosNo");

    var nulliparity = document.getElementById("nulliparity");
    var parOver1 = document.getElementById("parOver1");


    if(bmi1.checked==true) 
        score=score+bmi1.value;
    else if(bmi2.checked==true)
        score=score+bmi2.value;
    else if(bmi3.checked==true)
        score=score+bmi3.value;
    else if(bmi4.checked==true)
        score=score+bmi4.value;

    if(contraNo.checked==true) 
        score=score+contraNo.value;
    else if(contraOral.checked==true)
        score=score+contraOral.value;
    else if(contraIud.checked==true)
        score=score+contraIud.value;

    if(hrtNo.checked==true) 
        score=score+hrtNo.value;
    else if(hrtConti.checked==true)
        score=score+hrtConti.value;
    else if(hrtNon.checked==true)
        score=score+hrtNon.value;

    if(diabYes.checked==true) 
        score=score+diabYes.value;
    else if(diabNo.checked==true)
        score=score+diabNo.value;

    if(pcosYes.checked==true) 
        score=score+pcosYes.value;
    else if(pcosNo.checked==true)
        score=score+pcosNo.value;

    if(nulliparity.checked==true) 
        score=score+nulliparity.value;
    else if(parOver1.checked==true)
        score=score+parOver1.value;


       return score;

}
function displayResult() {
    var result = fn1();
    document.getElementById('btn1').innerHTML = result;
    return false;
}

1 个解决方案

解决方案1
 0  2020-01-22 11:55:03

根据您的代码片段，我假设您需要运行displayResult()函数 onclick。 fn1()不做任何警报或DOM操作，只是返回score的值。 检查下面这个答案附带的稍微更新的演示。

此外，如果您希望在弹出窗口中显示结果，则需要在displayResult()使用alert()函数

 function fn1() { var score = 2.5; var bmi1 = document.getElementById("bmi1"); var bmi2 = document.getElementById("bmi2"); var bmi3 = document.getElementById("bmi3"); var contraNo = document.getElementById("contraNo"); var contraOral = document.getElementById("contraOral"); var contraIud = document.getElementById("contraIud"); var hrtNo = document.getElementById("hrtNo"); var hrtConti = document.getElementById("hrtConti"); var hrtNon = document.getElementById("hrtNon"); var diabYes = document.getElementById("diabYes"); var diabNo = document.getElementById("diabNo"); var pcosYes = document.getElementById("pcosYes"); var pcosNo = document.getElementById("pcosNo"); var nulliparity = document.getElementById("nulliparity"); var parOver1 = document.getElementById("parOver1"); if (bmi1.checked == true) score = score + bmi1.value; else if (bmi2.checked == true) score = score + bmi2.value; else if (bmi3.checked == true) score = score + bmi3.value; else if (bmi4.checked == true) score = score + bmi4.value; if (contraNo.checked == true) score = score + contraNo.value; else if (contraOral.checked == true) score = score + contraOral.value; else if (contraIud.checked == true) score = score + contraIud.value; if (hrtNo.checked == true) score = score + hrtNo.value; else if (hrtConti.checked == true) score = score + hrtConti.value; else if (hrtNon.checked == true) score = score + hrtNon.value; if (diabYes.checked == true) score = score + diabYes.value; else if (diabNo.checked == true) score = score + diabNo.value; if (pcosYes.checked == true) score = score + pcosYes.value; else if (pcosNo.checked == true) score = score + pcosNo.value; if (nulliparity.checked == true) score = score + nulliparity.value; else if (parOver1.checked == true) score = score + parOver1.value; return score; } function displayResult() { var result = fn1(); document.getElementById('btn1').innerHTML = result; alert(result); return false; }
 <h1>Endometrial Cancer Predictor </h1> <h3>What is your BMI?</h3> <input id="bmi1" type="radio" name="grp1" value="0"> less than 25 <br> <input id="bmi2" type="radio" name="grp1" value="1.85"> 25 to 29<br> <input id="bmi3" type="radio" name="grp1" value="4.675"> 30 to 39 <br> <input id="bmi4" type="radio" name="grp1" value="6.175"> over 40 <h3>Do you take contraception?</h3> <input id="contraNo" type="radio" name="grp2" value="0"> No <br> <input id="contraOral" type="radio" name="grp2" value="-0.8"> Oral Contraception <br> <input id="contraIud" type="radio" name="grp2" value="-1.2"> Intrauterine Device (IUD) <h3>Do you take HRT?</h3> <input id="hrtNo" type="radio" name="grp3" value="0"> No <br> <input id="hrtConti" type="radio" name="grp3" value="-0.675"> Continuous <br> <input id="hrtNon" type="radio" name="grp3" value="0.5"> Non Continuous <h3>Do you suffer from Type 2 Diabetes?</h3> <input id="diabYes" type="radio" name="grp4" value="1.375"> Yes <br> <input id="diabNo" type="radio" name="grp4" value="0"> No <h3>Do you suffer from PCOS?</h3> <input id="pcosYes" type="radio" name="grp5" value="3.75"> Yes <br> <input id="pcosNo" type="radio" name="grp5" value="0"> No <h3>What is your parity?</h3> <input id="nulliparity" type="radio" name="grp6" value="1.075"> 0 <br> <input id="parOver1" type="radio" name="grp6" value="-0.8"> +1 <br> <br> <button id="btn1" onclick="displayResult()">Submit</button>

暂无
暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 javascript不显示警告消息 提交表单上不显示警告消息 Java脚本警报消息似乎没有显示 javascript文本验证无效。 警报消息不显示 JS已在浏览器中关闭-警报未显示？ Bootbox警报未在Laravel视图中显示 PHP中的JS ..警报未显示 在Chrome中，警报在执行弹出窗口之前不会显示HTML jQuery移动弹出窗口不显示。 JavaScript警报未显示
相关标签
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM