JSFiddle - React, Tailwind, and code Playground

by infantrash

HTML

<ul id="teams">
    <li>
        <input type="radio" value="10" name="1" />Team 1</li>
    <li>
        <input type="radio" value="20" name="1" />Team 2</li>
    <li>
        <input type="radio" value="30" name="1" />Team 2</li>
    <li>
        <input type="radio" value="40" name="1" />Team 4</li>
</ul>

<br />
<hr />
<br />
<input type="radio" value="10" name="1" />Another radio with same value as Team 1</li>

CSS

li {
    list-style: none;
    
}

JavaScript

$("#teams :radio[value=10]").attr('disabled', 'disabled');