Event po kliknięciu poza element Opcje

[michal16202]

Witam, próbuję zrobić do mojego formularza coś takiego że zamiast pokazywać radio buttony i obrazki pokaże mi sam obrazek, z tym nie miałem problemu. Chcę żeby obrazek funkcjonował jako radio button czyli po kliknięciu na niego ma inny wygląd a gdy kliknę na inny to powróci do swojego standardowego wyglądu a ten co na niego kliknąłem zamieni się, coś jak grupowanie radio buttonów. Mam taki kod, pobiera on z configu dostępne profesje i wyświetla odpowiednie do nich obrazki ale po kliknięciu na drugi obrazek ten pierwszy nie powraca do swojej standardowej postaci.

[PHP] pobierz, plaintext 
<?php foreach ($config['available_vocations'] as $id) { ?>
                    <input id="<?php echo $id; ?>" name="grupa1" type="radio" value="<?php echo $id; ?>" style="display: none" ></input>
                    <?php } ?>
 
                    <div class="profesje">
                    <?php foreach ($config['available_vocations'] as $id) { ?>
                    <labelfor="<?php echo $id; ?>">
                    <img onclick="this.src='layout/images/profesje/<?php echo $id; ?>_s.png'" src="layout/images/profesje/<?php echo $id; ?>.png">
                    </label>
                    <?php } ?>
                    </div>
[PHP] pobierz, plaintext 

[Pyton_000]

A z czym masz problem?

[michal16202]

Gdy używam kodu który podałem mogę zaznaczyć wszystko obrazki. Chcę aby po kliknięciu na drugi obrazek ten pierwszy został odznaczony(zmieniony obrazek), z tym mam problem bo nie wiem jak to zrobić.

Udało mi się to zrobić ale troche się nad tym namęczyłem, temat do zamknięcia.