Onclick on radio button

Hi, I think all of the above might work. In case what you need is simple, I used:

<body>
    <div class="radio-buttons-choice" id="container-3-radio-buttons-choice">
        <input type="radio" name="one" id="one-variable-equations" onclick="checkRadio(name)"><label>Only one</label><br>
        <input type="radio" name="multiple" id="multiple-variable-equations" onclick="checkRadio(name)"><label>I have multiple</label>
    </div>

<script>
function checkRadio(name) {
    if(name == "one"){
    console.log("Choice: ", name);
        document.getElementById("one-variable-equations").checked = true;
        document.getElementById("multiple-variable-equations").checked = false;

    } else if (name == "multiple"){
        console.log("Choice: ", name);
        document.getElementById("multiple-variable-equations").checked = true;
        document.getElementById("one-variable-equations").checked = false;
    }
}
</script>
</body>

Source: stackoverflow.com

Similar codes

1 vote184 views2 answers
How to link a local css file in html
Html
2 votes119 views1 answer
Address tag in html
Html
42 votes189 views4 answers
Html single line comment
Html
8 votes169 views2 answers
Html link color
Html
0 vote177 views1 answer
Twig last
Html
0 vote165 views1 answer
Html collapsible open by default
Html
0 vote177 views1 answer
Change fill color using javascript
Html
2 votes176 views2 answers
How to reduce the size of a button in boostrap
Html
4 votes284 views6 answers
Uncaught ReferenceError: $ is not defined
Html
0 vote166 views1 answer
Add title attribute
Html