Ho una div che contiene una casella per la spunta (input type="radio"), vorrei far si che la spunta venga messa e tolta, non solo cliccando sulla casella ma anche cliccando da qualsiasi parte sulla div.

Qualcuno sa se sia possibile fare una cosa del genere?


Questo è il codice della div dove c'è la checkbox:
codice:
<div class="met-consegna">
    <table>
    <tbody>
    <tr>
    <td rowspan="2" width="70" class="carrier_action radio">
        <input type="radio" name="id_carrier" value="{$carrier.id_carrier|intval}" id="id_carrier{$carrier.id_carrier|intval}" {if $opc}onclick="updateCarrierSelectionAndGift();"{/if}{if !($carrier.is_module AND $opc AND !$isLogged)}{if $carrier.id_carrier == $checked}checked="checked"{/if}{else}disabled="disabled"{/if} />
    </td>
    <td class="carrier_name">
        <label for="id_carrier{$carrier.id_carrier|intval}">CORRIERE</label>
    </td>
    <td>
        <span class="price">PREZZO</span>
    </td>
    </tr>
    <tr>
        <td class="carrier_infos">CINSEGNA IN UN GIORNO</td>
    </tr>
    </tbody>
    </table>
</div>