时间戳

首页 > 解决方案 > 如何让不同的单选按钮做不同的事情？

javascript - 如何让不同的单选按钮做不同的事情？

问题描述

我必须为学校做一个项目，该网站将根据选中的单选按钮进行不同的计算。该网站是关于太阳能电池板和计算价格的。我什至不知道从哪里开始，所以我只是从一些教程中复制了一些东西并得到了这个：

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";
            
            }
        })
    ;

}

当然，这不起作用，我完全迷失了，所以我在解释这一点的网站上寻求一些帮助或推荐。目标是在选择“标准”选项时，脚本将使用较小的值/系数来计算价格。

标签： javascripthtml

解决方案

这是我刚刚制作的一些代码，它可以工作。如果选中单选按钮，则输出 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>

推荐阅读