我必须为学校做一个项目，网站将根据选中的单选按钮进行不同的计算。该网站是关于太阳能电池板和计算价格。我甚至不知道从哪里开始，所以我只是从一些教程中复制了一些东西，得到了这个：
function cena ()
｛
let opcja = document.getElementsByName('opcja');
opcja.forEach((opcja) => {
if (opcja.checked) {
if opcja = document.getElementById("standard");
document.getElementById("wynik").innerHTML="A";
else
if opcja = document.getElementById("premium");
document.getElementById("wynik").innerHTML="B";
}
})
;
}
当然，这不起作用，我完全迷失了方向，所以我在一个解释这一点的网站上寻求一些帮助或建议。目标是当"；标准"；选项时，脚本将使用较小的值/系数来计算价格。
下面是我刚刚编写的一些代码，它很有效。如果单选按钮被选中，则它输出checked。希望这能有所帮助。如果是，请单击复选标记！这真的很有帮助！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="radio" name="radio_btn" id="radio_1" value="radio_1">
<input type="button" value="Check" onclick="check_radio()">
<script>
const radio_button = document.getElementById('radio_1'); // Get element in document
function check_radio() {
if (radio_button.checked == true) {
// Do you thing
console.log("Checked") // Logs "checked"
}
}
</script>
</body>
</html>
最简单的方法是使用jQuery。但在您的情况下，我建议您需要简单的javascript。最好的选择是使用文档选择器。通过此操作，您可以直接将选定的单选按钮值切换到不同的工作流。
希望这能帮助
<!-- language: lang-html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="radio" name="radio_btn" id="radio_1" value="val1">
<input type="radio" name="radio_btn" id="radio_2" value="val2">
<input type="radio" name="radio_btn" id="radio_3" value="val3">
<input type="button" value="Check" onclick="check_radio()">
<script>
function check_radio() {
switch (document.querySelector('input[name="radio_btn"]:checked').value) {
case 'val1':
console.log('val1 given');
break;
case 'val2':
console.log('val2 given');
break;
case 'val3':
console.log('val3 given');
break;
}
}
</script>
</body>
</html>