<form>
<label class="label-custom">
<legend class="the-legend">Prosessor:</legend>
<fieldset class="well the-fieldset">
<input type="radio" class="radio" id="radio-1" value="400" name="group1"/>
<label for="radio-1">DT.VMXMC.062 Intel® Core™ i3-6100 (3M Cache, 3.70 GHz)</label>
<label for="radio-1" class="price-custom">400 azn</label>
<br /><br />
<input type="radio" class="radio" id="radio-2" value="300" name="group1"/>
<label for="radio-2">DT.VMXMC.063 Intel® Core™ i5-6400 (6M Cache, up to 3.30 GHz) </label>
<h class="price-custom">300 azn</h>
<br /><br />
<input type="radio" class="radio" id="radio-3" value="200" name="group1" />
<label for="radio-3">DT.VMXMC.064 Intel® Core™ i7-6700 (8M Cache, up to 4.00 GHz)</label>
<h class="price-custom">200 azn</h>
</fieldset>
</label>
<label class="label-custom">
<legend class="the-legend">Operativ yaddaş:</legend>
<fieldset class="well the-fieldset">
<input type="radio" class="radio" id="radio-4" value="100" name="group2"/>
<label for="radio-4">RAM 8GB DDRIV</label>
<h class="price-custom">100 azn</h>
</fieldset>
</label>
<label class="label-custom">
<legend class="the-legend">Daxili yaddaş HDD:</legend>
<fieldset class="well the-fieldset">
<input type="radio" class="radio" id="radio-5" value="200" name="group3"/>
<label for="radio-5">2TB SATA 3.5"</label>
<h class="price-custom">200 azn</h>
</fieldset>
</label>
<label class="label-custom">
<legend class="the-legend">VGA:</legend>
<fieldset class="well the-fieldset">
<input type="radio" class="radio" id="radio-6" value="500" name="group4"/>
<label for="radio-6">GT 210 1GB 64 bit</label>
<label for="radio-6" class="price-custom">500 azn</label>
<br /><br />
<input type="radio" class="radio" id="radio-7" value="300" name="group4"/>
<label for="radio-7">GT 730 2GB 128 bit</label>
<label for="radio-7" class="price-custom">300 azn</label>
</fieldset>
</label>
<label class="label-custom">
<legend class="the-legend">Monitor:</legend>
<fieldset class="well the-fieldset">
<input type="radio" class="radio" id="radio-8" value="100" name="group5"/>
<label for="radio-8">LCD V206HQLBB</label>
<label for="radio-8" class="price-custom">100 azn</label>
</fieldset>
</label>
<label class="label-custom">
<legend class="the-legend">OS:</legend>
<fieldset class="well the-fieldset">
<input type="radio" class="radio" id="radio-9" value="400" name="group6"/>
<label for="radio-9">Windows 10 Home</label>
<label for="radio-9" class="price-custom">400 azn</label>
</fieldset>
</label>
<label class="label-custom">
<legend class="the-legend">MS Office:</legend>
<fieldset class="well the-fieldset">
<input type="radio" class="radio" id="radio-10" value="100" name="group7"/>
<label for="radio-10">Office 365 Personal</label>
<label for="radio-10" class="price-custom">100 azn</label>
</fieldset>
</label>
<label class="label-custom">
<legend class="the-legend">Antivirus:</legend>
<fieldset class="well the-fieldset">
<input type="radio" class="radio" id="radio-11" value="500" name="group8"/>
<label for="radio-11">Kaspersky Antivirus Base - 2PC</label>
<label for="radio-11" class="price-custom">500 azn</label>
<br /><br />
<input type="radio" class="radio" id="radio-12" value="400" name="group8"/>
<label for="radio-12">ESET NOD32 Antivirus - 3PC</label>
<label for="radio-12" class="price-custom">400 azn</label>
</fieldset>
</label>
<br/>
<div class="button-group">
<button type="submit" class="btn btn-green text-right">В корзину</button>
<button type="reset" class="btn btn-green text-right">Удалить</button>
<input type="button" onclick="sums()" value="Подсчитать">
<br>Сумма:<br>
<input type="text" name="sumOut" disabled="false" value="">
</div>
</form>
Вообщем есть такая верстка. Не знаю как надо выбирать элемент из группы. То есть как доставать омеченный. То есть определить, что его отметили? Ну задание по моему, по верстке и так понятно. Нужно чтобы плюсовалась цена выбранных элементов и выводилось их название. А, да, кстати. Позволяет ли JS выводить инфу сразу после того, как я щелкнула радио баттоном (в name="sumOut" например)?