Question

This is short part of my code which display radio buttons.

<table width="100%">
    <tr>

    <td style="text-align:center">
    <input type="radio" name="ah" value="" id="ah" align="left" checked="checked" />AH
    </td>

    <td style="text-align:center">
    <input type="radio" name="esp" value="none" id="esp" align="right"/>ESP
    </td>

    </tr>
</table>

The problem is that the one radio button (AH) is by default checked as mentioned here and when i click on other radio button it also gets checked
but now both are checked how would I disable them.
I think it should happen automatically when I click on one radio button other button should be disabled automatically.
please correct me where am I wrong???

Answer 1

To group radio buttons together, they should share the same name:

<table width="100%">
    <tr>

    <td style="text-align:center">
    <input type="radio" name="someName" value="AH" id="ah" align="left" checked="checked" />AH
    </td>

    <td style="text-align:center">
    <input type="radio" name="someName" value="ESP" id="esp" align="right"/>ESP
    </td>

    </tr>
</table>