Breaking News: Grepper is joining You.com. Read the official announcement!

make button act like radio buttons

Erick John answered on December 2, 2022 Popularity 3/10 Helpfulness 1/10

answer make button act like radio buttons

make button act like radio buttons

Comment

<input id="rb1" type="radio" name="radiogroup1">
    <label for="rb1">Radiobutton 1</label>
    <input id="rb2" type="radio" name="radiogroup1">
    <label for="rb2">Radiobutton 1</label>
    <input id="rb3" type="radio" name="radiogroup1">
    <label for="rb3">Radiobutton 1</label>
    <style>
       input[name="radiogroup1"] {
            display: none;
        }
         input[name="radiogroup1"]+label {
            /* style passive state as you like */
            border: 3px outset lightgrey;
        }

    input[name="radiogroup1"]:checked+label {
        /* style checked state as you like */
        border: 3px inset lightblue;
    }
</style>

Popularity 3/10 Helpfulness 1/10 Language whatever

Source: forum.webdeveloper.com

Tags: act button whatever

Link to this answer
Share Copy Link