Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Не получается написать скрипт. Не знаю как его реализовать. (https://javascript.ru/forum/dom-window/69123-ne-poluchaetsya-napisat-skript-ne-znayu-kak-ego-realizovat.html)

Darth_Pandora 31.05.2017 14:15

Не получается написать скрипт. Не знаю как его реализовать.
 
<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" например)?

Darth_Pandora 31.05.2017 14:22

Или чтобы изменения отображались сразу в какой-нибудь div-е никуда не щёлкая мне нужно воспользоваться jquery?

j0hnik 31.05.2017 14:22

Цитата:

Сообщение от Darth_Pandora (Сообщение 453954)
А, да, кстати. Позволяет ли JS выводить инфу сразу после того, как я щелкнула радио баттоном (в name="sumOut" например)?

да конечно событие "change" или "input" тут подойдут
Код сейчас гляну

j0hnik 31.05.2017 14:24

Цитата:

Сообщение от Darth_Pandora (Сообщение 453956)
Или чтобы изменения отображались сразу в какой-нибудь div-е никуда не щёлкая мне нужно воспользоваться jquery?

совсем не обязательно, ванильный JS умеет все!

laimas 31.05.2017 14:30

Darth_Pandora,
читал запрос по поводу "скриптиков простых", но кто торговать у вас будет?

Darth_Pandora 31.05.2017 14:33

laimas, Есть одна "компания". 6-ть товаров на весь сайт. По-этому и нужно что-нибудь попроще =) Не хочу связываться с цмс-ками. Там слишком много лишнего. Их "контент манагер" потонет в настройках.

laimas 31.05.2017 14:42

Цитата:

Сообщение от Darth_Pandora
Есть одна "компания". 6-ть товаров на весь сайт

Шесть товаров и уже компания? Крутая компания, ничего не скажешь. ) Но как бы то ни было, кто будет торговать этими товарами, компания или браузер?

Darth_Pandora 31.05.2017 14:48

Ещё какая "крутая". Вот даже сайт заказали :) Эх, Пелевина напомнило...

Браузер ни чем торговать не будет) Просто нужен каталог с возможностью добавлять в корзину и что б пользователь мог отправлять заявку на эмайл.

laimas 31.05.2017 14:53

Цитата:

Сообщение от Darth_Pandora
Браузер ни чем торговать не будет

Значит компания. А теперь представьте что на улице не 2017, а ледниковый период - html и интернет есть, а javascript нет. Но тем не менее без последнего можно торговать, отправив форму с выбором серверу.

Посмотрите внимательно на свою форму и ответьте на вопрос - можно ли таковой формой понять серверу что выбирается и покупается?

Darth_Pandora 31.05.2017 14:58

Вы имеете ввиду что у меня action у form не назначен? Ну это ведь пока тестовый вариант.


Часовой пояс GMT +3, время: 14:07.