如何解决获取单选按钮的值并将其用于计算时出现问题
我用html编写了代码。我想使用包含七个选项的单选按钮编写一个计算器。并且它需要不同的数字。然后,利用所有这些数据,它计算出特殊的东西。我不知道单选按钮是如何工作的,因为我是一个初学者,但是我想在代码中使用它们。如果有人可以帮助我?
<!DOCTYPE html>
<body>
<form name="form1" onsubmit="event.preventDefault();return displayResult();">
<p style="font-family:calibri"><font size="6">محاسبه رنگ اکریلیک</font></p><br>
<p style="font-family:calibri">لطفا طول، عرض و ارتفاع اتاق را وارد کنید</p>
<p style="font-family:calibri">طول اتاق<b></b><input type="decimal" id="assign1" placeholder="متر" value="" name="onlynumbers" required><span class="required">*</span></p>
<p style="font-family:calibri">عرض اتاق<b></b><input type="decimal" id="assign2" placeholder=" متر" value="" name="onlynumbers" required><span class="required">*</span></p>
<p style="font-family:calibri">ارتفاع اتاق <b></b><input type="decimal" id="assign3" placeholder="متر" value="" name="onlynumbers" required><span class="required">*</span></p>
<p style="font-family:calibri"> <font size="5">توجه: مقدار رنگ محاسبه شده در این سیستم برای پیاده سازی یک لایه رنگ است</font>
</p>
<p style="font-family:calibri">لطفا تعداد در و پنجره های موجود در اتاق را وارد کرده و در صورت عدم وجود در یا پنجره عدد صفر را وارد کنید</p>
<p style="font-family:calibri">تعداد پنجره ها <b></b><input type="number" id="assign4" value="" name="onlynumbers" required><span class="required">*</span></p>
<p style="font-family:calibri">تعداد درها <b></b><input type="number" id="assign5" value="" name="onlynumbers" required><span class="required">*</span></p>
<p style="font-family:calibri">(به طور استاندارد ابعاد پنجره ها 1.5 متر در 1.5 متر و ابعاد درها 1 در 2 متر در نظر گرفته شده است)</p><br>
<p style="font-family:calibri">لطفا نوع رنگ اکریلیک مورد نظر خود را انتخاب کنید</p>
<p style="font-family:calibri">
<input type="radio" id="one" name="paint" value="one">
<label for="one">رنگ اکریلیک طلایی</label><br>
<input type="radio" id="two" name="paint" value="two">
<label for="two">رنگ اکریلیک متالیک صدفی</label><br>
<input type="radio" id="three" name="paint" value="three">
<label for="three">رنگ اکریلیک مات</label><br>
<input type="radio" id="four" name="paint" value="four">
<label for="four">رنگ اکریلیک نیم براق</label><br>
<input type="radio" id="five" name="paint" value="five">
<label for="five">رنگ اکریلیک براق</label><br>
<input type="radio" id="six" name="paint" value="six">
<label for="six">رنگ اکریلیک آستری</label><br>
<input type="radio" id="seven" name="paint" value="seven">
<label for="seven">مادر رنگ اکریلیک</label><br>
</p>
<p>
<button> <p style="font-family:calibri"> <font size="5"> محاسبه رنگ موردنیاز </font> </p></button>
<input type="reset" value="↺">
</p>
</form>
<div id="total"></div>
<script>
function displayResult() {
var result = calculator();
document.getElementById('total').innerHTML =" مقدار رنگ موردنیاز برابر با"+ " " + " "+ Math.round(result)+ " " + " " +"لیتر";
document.getElementById("total").style.fontSize = "xx-large";
document.getElementById("total").style.fontFamily = "calibri";
total.style.color = "red";
document.getElementById("total").style.border = "thin solid red";
return false;
}
function calculator() {
var p = myPaint();
var grade1 = parseFloat(document.getElementById('assign1').value * 1);
var grade2 = parseFloat(document.getElementById('assign2').value * 1);
var grade3 = parseFloat(document.getElementById('assign3').value * 1);
var grade4 = parseFloat(document.getElementById('assign4').value * 1);
var grade5 = parseFloat(document.getElementById('assign5').value * 1);
var total = ((2*((grade1 * grade3)+(grade2 * grade3)))+(grade1 * grade2)-(grade4*1.5*1.5)-(grade5*1*2.0))/p ;
return total;
}
function myPaint() {
var grade7 = parseFloat(document.getElementById('paint').value * 1);
var paint;
if (grade7 == one) {
paint = 8;
} else if (grade7 == two) {
paint = 8;
else if (grade7 == three) {
paint = 13;
} else if (grade7 == four) {
paint = 14;
} else if (grade7 == five) {
paint = 13;
} else if (grade7 == six) {
paint = 10;
}else {
paint = 12;
}
return paint;
}
</script>
</div>
</body>
解决方法
在这里您可以了解有关单选按钮的信息-https://www.w3schools.com/jsref/prop_radio_checked.asp
我认为问题在于您正在检查值但未选中
尝试listStyle()
或其他idk
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。