Checkbox Checked and Uncheck another one

by Akram kamal

HTML

<table class="checks">
    <tr>
        <td>YEAR</td>
        <td>RATE 1</td>
        <td>Status</td>
        <td>check box rate 1</td>

    </tr>
    <tr>
        <td>
            <span id="Year1">2009</span>
        </td>
        <td>
            <span id="lblStatus1">Approved</span>
        </td>
        <td>
            <input id="chkbox1" type="checkbox" name="chkbox1" checked="checked" />

        </td>

    </tr>
    <tr>
        <td>
            <span id="Year2">2009</span>
        </td>
        <td>
            <span id="Status2">Approved</span>
        </td>
        <td>
            <input id="chkbox2" type="checkbox" name="chkbox2" />

        </td>

    </tr>
    <tr>
        <td>
            <span id="Year4">2009</span>
        </td>
        <td>
            <span id="Status4">Draft</span>
        </td>
        <td>
            <span class="aspNetDisabled"><input id="chkbox4" type="checkbox" name="chkbox4" disabled="disabled" /></span>

        </td>

    </tr>
    <tr>
        <td>
            <span id="Year3">2009</span>
        </td>
        <td>
            <span id="Status3">Approved</span>
        </td>
        <td>
            <input id="chkbox3" type="checkbox" name="chkbox3" />

        </td>

    </tr>


</table>

JavaScript

$(document).on("change", ".checks :checkbox", function() {
    $( ".checks :checkbox").not(this).prop("checked",false)
})