![](/img/trans.png)
[英]JavaScript Form validation + Get form values based on input names with no IDs
[英]Form calculator based on input values
我正在使用Cardio Test計算器來計算心臟病發作的風險。 我想為每個輸入獲取基於分數的值。 結果邏輯已經在起作用,我只需要獲取結果得分值即可。 請參見下面的代碼。
<script>
$(document).ready(function() {
$("#female").change(function() {
if ($(this).is(":checked")) {
$("#femaleage").show();
$("#maleage").hide();
}
});
$("#male").change(function() {
if ($(this).is(":checked")) {
$("#maleage").show();
$("#femaleage").hide();
}
});
$( "#cardio__test" ).submit(function( event ) {
event.preventDefault();
if ($("#score").val() <= 3) {
$(".risk__score.low__risk").show();
}
if ($("#score").val() >= 4 && $("#score").val() <= 6) {
$(".risk__score.moderate__risk").show();
}
if ($("#score").val() >= 7) {
$(".risk__score.high__risk").show();
}
if ($("#maleage").val() >= 70) {
$("#score").val() + 8;
}
$(this).hide();
});
});
</script>
這是一個鏈接 !
我測試了您的Codepen,發現您的分數值是字符串類型,而不是我使用parseInt()
和typeof
...進行測試的int ...結果字符串值為空白(也許我在測試期間更改了Codepen中的某些代碼測試)您如何檢查分數的值並獲得數字 ?
無論如何,要打印出結果值,您可以通過多種方式進行處理,例如
在結果 div中添加新的div
在div中打印結果
$(".(new div class name) h3").text($("#score").val());
或只是警告結果
alert($("#score").val());
你可以簡單地使用
var scoreValue = $("#score").val();
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.