Class Toggle - Radio Button Mode

When button is clicked, it will set fixed specified html to the target

<button type="button"
    data-as='{
        "click": {
            "class.toggle": {
                "target": "#a", "class": "selected", "parent": true
            }
        }
    }'
>A</button>
<button type="button"
    data-as='{
        "click": {
            "class.toggle": {
                "target": "#b", "class": "selected", "parent": true
            }
        }
    }'
>B</button>
<button type="button"
    data-as='{
        "click": {
            "class.toggle": {
                "target": "#c", "class": "selected", "parent": true
            }
        }
    }'
>C</button>

<ul>
    <li id="a">First</li>
    <li id="b">Second</li>
    <li id="c">Third</li>
</ul>