Обработка чекбокс
 

Добрый день дорогие форумчане. Я не знаю языка ява скрипт и прошу у вас помощи. Извиняюсь, если не в то место тему открыл и т п...
Мне нужно организовать нечто подобное магазину.
Картинки рядом чекбокс(вроде так называется место для галочки) и место для суммы.. при выборе нескольких вариантов, чтобы выводилась общая сумма. с html и css я знаком. а вот с ява скрипт нет. Буду рад если поможете или напишете ссылку где помогут.

Как спросить, чтобы вам ответили. Обратите внимание на последние 2 пункта.

Напишите хотя бы пример верстки, на котором вы бы хотели увидеть работу этого скрипта.

ЧТо то типа этого? Я Вас правильно понял? Я хочу видеть радио кнпки и/или чекбоксы при выборе которых будет определенная сумма показываться на экране.


<form action=??>
<p>выберите товар</p>
<p><input type="radio" name="answer" value="a1">ручка = 10 р.<Br>
<input type="radio" name="answer" value="a2">карандаш = 5 р.<Br>
<input type="checkbox">брелок = 15 р.<Br>
<input type="checkbox" > Наклейка = 3.5 р.<Br>

</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<p>выберите товар</p>
<p>
  <span><input class='item' type="checkbox">ручка = <span class='price'>10</span> р.</span><Br>
  <span><input class='item' type="checkbox">карандаш = <span class='price'>5</span> р.</span><Br>
  <span><input class='item' type="checkbox">брелок = <span class='price'>15</span> р.</span><Br>
  <span><input class='item' type="checkbox" > Наклейка = <span class='price'>3</span> р</span><Br>
</p>
<span>Итоговая стоимость: <input id='forPrice' type='text'/></span>
<script>
$('.item').change(function () {
   var price = 0;

   $(this).toggleClass('active');

   $('.active').each(function (){
      price += parseInt($(this).parent().find('.price').text());  
   });

   $('#forPrice').val(price);
});
</script>

Халтурненько вы верстку сделали..

Огромное спасибо!!!