Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.05.2017, 14:15
Аватар для Darth_Pandora
Аспирант
Отправить личное сообщение для Darth_Pandora Посмотреть профиль Найти все сообщения от Darth_Pandora
 
Регистрация: 29.11.2016
Сообщений: 49

Не получается написать скрипт. Не знаю как его реализовать.
<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" например)?
Ответить с цитированием
  #2 (permalink)  
Старый 31.05.2017, 14:22
Аватар для Darth_Pandora
Аспирант
Отправить личное сообщение для Darth_Pandora Посмотреть профиль Найти все сообщения от Darth_Pandora
 
Регистрация: 29.11.2016
Сообщений: 49

Или чтобы изменения отображались сразу в какой-нибудь div-е никуда не щёлкая мне нужно воспользоваться jquery?
Ответить с цитированием
  #3 (permalink)  
Старый 31.05.2017, 14:22
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от Darth_Pandora Посмотреть сообщение
А, да, кстати. Позволяет ли JS выводить инфу сразу после того, как я щелкнула радио баттоном (в name="sumOut" например)?
да конечно событие "change" или "input" тут подойдут
Код сейчас гляну
Ответить с цитированием
  #4 (permalink)  
Старый 31.05.2017, 14:24
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

Сообщение от Darth_Pandora Посмотреть сообщение
Или чтобы изменения отображались сразу в какой-нибудь div-е никуда не щёлкая мне нужно воспользоваться jquery?
совсем не обязательно, ванильный JS умеет все!
Ответить с цитированием
  #5 (permalink)  
Старый 31.05.2017, 14:30
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Darth_Pandora,
читал запрос по поводу "скриптиков простых", но кто торговать у вас будет?
Ответить с цитированием
  #6 (permalink)  
Старый 31.05.2017, 14:33
Аватар для Darth_Pandora
Аспирант
Отправить личное сообщение для Darth_Pandora Посмотреть профиль Найти все сообщения от Darth_Pandora
 
Регистрация: 29.11.2016
Сообщений: 49

laimas, Есть одна "компания". 6-ть товаров на весь сайт. По-этому и нужно что-нибудь попроще =) Не хочу связываться с цмс-ками. Там слишком много лишнего. Их "контент манагер" потонет в настройках.
Ответить с цитированием
  #7 (permalink)  
Старый 31.05.2017, 14:42
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

Сообщение от Darth_Pandora
Есть одна "компания". 6-ть товаров на весь сайт
Шесть товаров и уже компания? Крутая компания, ничего не скажешь. ) Но как бы то ни было, кто будет торговать этими товарами, компания или браузер?
Ответить с цитированием
  #8 (permalink)  
Старый 31.05.2017, 14:48
Аватар для Darth_Pandora
Аспирант
Отправить личное сообщение для Darth_Pandora Посмотреть профиль Найти все сообщения от Darth_Pandora
 
Регистрация: 29.11.2016
Сообщений: 49

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

Браузер ни чем торговать не будет) Просто нужен каталог с возможностью добавлять в корзину и что б пользователь мог отправлять заявку на эмайл.
Ответить с цитированием
  #9 (permalink)  
Старый 31.05.2017, 14:53
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,989

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

Посмотрите внимательно на свою форму и ответьте на вопрос - можно ли таковой формой понять серверу что выбирается и покупается?
Ответить с цитированием
  #10 (permalink)  
Старый 31.05.2017, 14:58
Аватар для Darth_Pandora
Аспирант
Отправить личное сообщение для Darth_Pandora Посмотреть профиль Найти все сообщения от Darth_Pandora
 
Регистрация: 29.11.2016
Сообщений: 49

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Написать скрипт который сможет подставить атрибутам название из title. Donso Работа 6 26.01.2016 20:04
Написать простенький скрипт JS akaramazov Работа 0 21.04.2014 20:53
Как написать автозапускающийся скрипт на странице пользователя? evgenyivanov Общие вопросы Javascript 1 04.01.2014 15:09
Как реализовать отправку содержимого из iframe нажатием комбинации клавиш ctrl+enter Naizer Общие вопросы Javascript 3 27.11.2013 17:39
как написать скрипт d4a1 Общие вопросы Javascript 10 26.05.2011 02:21