the radio buttons can not be clicked when I run the HTML code. Any idea why this is happening?

this HTML have Insert delete and update radio button but when i run it, i can not check it, only insert is checked by default, I want to be able to change it so i can perform different actions, I tired many things but no have worked.  

Select the action to be
performed: Insert Delete Update

            <div class="col-12 col-sm-2">
                <p><i class="icon icon-map-marker"></i></p>
                <h2 class="font-thin">Select the table to<br><span class="font-semibold">be modified:</span></h2>
                <select name="table">
                <option value="awards">Awards</option>
                <option value="coach">Coach</option>
                <option value="footballclub">FootballClub</option>
                <option value="game">Game</option>
                <option value="kits">Kits</option>
                <option value="participate">Participate</option>
                <option value="photos">Photos</option>
                <option value="player" selected>Player</option>
                <option value="plays1">Plays1</option>
                <option value="plays2">Plays2</option>
                <option value="sponsors">Sponsors</option>
                <option value="stadium">Stadium</option>
                </select>
            </div><!-- /col12 -->

            <div class="col-12 col-sm-2">
                <p><i class="icon icon-gift"></i></p>
                <h2 class="font-thin"><input type="button" id="proceed" value="Proceed"/><br/>
                <div id="addHere"></div>
                <div id="result"></div></span></h2>
            </div><!-- /col12 -->
        </fieldset>