Podwójne zdarzenie onclick

Witam forumowiczów.
Nie mam doświadczenia w js, dlatego postanowiłem się zwrócić o pomoc.

Mam taki kod:

<ul class="pl" id="'.$paytype->type.'" onclick="$(\'ul#'.$paytype->type.' li input#'.$paytype->type.'\').attr(\'checked\',\'checked\');">
<li><input id="c" type="radio" value="c" name="pay_type"></li>
</ul>

Siedzę już kilka godzin i nie mam pojęcia jak zrobić aby po kliknięciu na ul .. stawał się on aktywny - aby np. była dopisywana class'a do tego ul .acitive .. dzięki czemu po zaznaczeniu input mógłbym wyróżnić również ramkę w ul.

Prosiłbym o pomoc

Przepraszam za złą kategorię...

Ty sie zdecyduj, co ty chcesz. Żeby po kliknięciu na <ul> dopisywała się klasa do <ul> a może, żeby po kliknięciu checkboxa tak się robiło? W Twoim kodzie znowu wygląda tak, że próbujesz zrobić, żeby po kliknięciu całego <ul> zaznaczał sie checkbox - to jeszcze coś innego.
Dlaczego tworzysz listę, w którym jest jeden element i patrząc na kod - będzie tylko jeden.
Pomyśl, czy przypadkiem <label> z odpowiednim stylem i umieszczonym w nim checkboxem nie jest tym, czego szukasz i żaden javascript nie jest Ci potrzebny

@dzek69 dziękuję za odpowiedź. Właśnie tutaj jest kwestia bardziej przerobienia kodu niż tworzenia go od podstaw (w liście są dwa elementy, jeszcze ilustracja - ale tego nie mogę modyfikować).
Aktualnie po kliknięciu na ul zaznaczany jest checkbox więc w moim wypadku można wybrać różne drogi modyfikacji .. nie wiem, która jest najlepsza, ponieważ się nie znam a nie chciałbym ruszać tego co już jest zrobione.
Nie ma pojęcia jak rozwiązać to z label... (height / width 100% ... + border ?) , próbowałem css ul:active / ul:select ale nic z tego nie działa (wyłącznie hover).
Nie wiem czy label w tym wypadku będzie ok .. :/

Mógłbyś mi podpowiedzieć jak to rozwiązać ?

Wciąż nie wiadomo o co Ci chodzi do końca (jaki efekt, słowami), cieżko też Ci "pomóc" kiedy nie umiesz kompletnie nic

Mam taki kod php, który generuje listę banków:

$platnoscitable = '<div class="platnoscilist clearfix">
<div class="inside_stand" style="width: 714px; float: left; margin: 24px 0; text-align: left;">Wybierz us&#322;ug&#281; banku:</div>     ';
$platnoscitable = '<div class="platnoscilist clearfix">
<div class="inside_stand" style="width: 714px; float: left; margin: 24px 0; text-align: left;">Wybierz us&#322;ug&#281; banku:</div>';
foreach ($feed->paytype as $paytype) {		 
$platnoscitable .= '<ul class="platnosci" id="'.$paytype->type.'" onclick="$(\'ul#'.$paytype->type.' li input#'.$paytype->type.'\').attr(\'checked\',\'checked\');">';
$platnoscitable .= '<li><img src="on-'.$paytype->type.'.jpg" /></li>';
$platnoscitable .= '<li><input type="radio" name="pay_type" value="'.$paytype->type.'" id="'.$paytype->type.'" /></li>';
$platnoscitable .= '</ul>';
}		
$platnoscitable .= '</div>';

i chciałbym zrobić aby po zaznaczeniu checkbox'a został dodany również border do ul.