如何讓不同的單選按鈕做不同的事情？

Question

我必須為學校做一個項目，該網站將根據選中的單選按鈕進行不同的計算。 該網站是關於太陽能電池板和計算價格的。 我什至不知道從哪里開始，所以我只是從一些教程中復制了一些東西並得到了這個：

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

}

當然，這不起作用，我完全迷路了，所以我在解釋這一點的網站上尋求一些幫助或推薦。 目標是在選擇“標准”選項時，腳本將使用較小的值/系數來計算價格。

Answer 1

這是我剛剛制作的一些代碼，它可以工作。 如果選中單選按鈕，則輸出 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>

Answer 2

最簡單的方法是使用 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>

如何讓不同的單選按鈕做不同的事情？

問題描述

2 個解決方案

解決方案1
-1 已采納 2021-05-29 10:32:39

解決方案2
-1 2021-05-29 10:44:24

如何讓不同的單選按鈕做不同的事情？

問題描述

2 個解決方案

解決方案1 -1 已采納 2021-05-29 10:32:39

解決方案2 -1 2021-05-29 10:44:24

解決方案1
-1 已采納 2021-05-29 10:32:39

解決方案2
-1 2021-05-29 10:44:24