时间戳

首页 > 解决方案 > Parsint 查询始终显示为 NaN

javascript - Parsint 查询始终显示为 NaN

问题描述

使用下面的代码，我得到“你的分数是 NaN”，我不知道为什么。最终代码将把测验中的所有问题加起来。

在浏览器中，我可以看到收音机的值被正确拾取，我使用 parseint 将其转换为数字。但很明显有些不对劲

感谢你的帮助。

<form id="form1" method="post">
<br><strong><label for="benefit1">From the list below select those that are ISO27001 Benefits 
</strong></span></label><br><br>
<input type="checkbox" name="benefit1" value="1" /> Helps you to comply with other regulations</p>
<input type="checkbox" name="benefit2" value="1" /> Keeps confidential information secure</p>
<input type="checkbox" name="benefit3" value="1" /> Protects the company, assets, shareholders and 
directors</p>
<input type="checkbox" name="benefit4" value="1" /> Allows for secure exchange of information</p>
<input type="checkbox" name="benefit5" value="1" /> Manages and minimises risk exposure</p>


<br><input id="Q4PrevBut" type="button" Value="Previous Question">  
    <input id="Q4NextBut" type="button" Value="Next Question">  

</form>

</div>

<div class ="Q5">

<p>Your score is: <span id="grade"></span></p>

<script>

var a1 = parseInt($("input[name='benefit1']:checked").val());

var result = a1;
   
document.getElementById("grade").innerHTML = result;

</script>

</div>
</body>
</html>

标签： javascriptparseint

解决方案

您的查询 $("input[name='benefit1']:checked").val() 只有在检查时才会获得带有 name='benefit1' 的输入元素，但是当没有选中的复选框。所以这个 $("input[name='benefit1']:checked") 查询不会检索任何元素。我的建议是在每个复选框元素上附加 onclick 事件并调用处理事件的函数。像这样：<input type="checkbox" name="benefit1" value="1" onclick="handleCheckbox(this)"/> handleCheckbox 函数：

function handleCheckbox(checkbox){
   result = parseInt(this.value);
...
}

推荐阅读