Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.03.2017, 18:24
Аспирант
Отправить личное сообщение для Sprutenok000 Посмотреть профиль Найти все сообщения от Sprutenok000
 
Регистрация: 11.03.2017
Сообщений: 42

вывод значения value в конкретный блок
Помогите !!! я новичок в jQuery есть некий код в процессе которого по нажатию на checkbox должно заносится значение этого checkbox в конкретный div но как-то постоянно выводит ошибку
Вот код:
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>JavaScript калькулятор расчета стоимости для сайта</title>    
	<meta name="description" content="В эпоху широчайшего развития бизнеса при помощи сети Интернет актуальным является создание JavaScript калькулятора для расчета стоимости товаров или услуг компании. В этой статье я распишу создание простейшего калькулятора для сайта по продаже линолеума." />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<link rel="stylesheet" type="text/css" href="css/Calculator.css" />
    <script type="text/javascript" src="js/jquery-3-1-1.js"></script>
	<script type="text/javascript" src="js/Calculator.js"></script>
</head>
<body>
	<div id="wraper">
		<h1 id="calculator">Калькулятор</h1>
			<form>
				<select id="mobSel"><!--По этому id будет срабатывать виджет-->
					<option value="dors">Выберите из списка</option>
					<option value="dors1">Металлические двери ( одностворчатые 2100х900)</option>
					<option value="dors2">Металлические двери ( двустворчатые 2000х1200)</option>
					<option value="dors3">Противопожарные двери</option>
					<option value="dors4">Технические двери</option>
					<option value="dors5">Ставни</option>
					<option value="dors6">Ворота прямые</option>
					<option value="dors7">Ворота арочные</option>
					<option value="dors8">Антивандальные решетки на кондиционер</option>
					<option value="dors9">Пластиковые окна ПВХ</option>
				</select>
			</form>
			<br/ ><br/ >
		<div id="blok1"></div>
		<div id="blok2"></div>
		<div id="other"></div>
		<br/ ><br/ >
		<div id="price"></div>
	</div>
</body>

файл js/Calculator.js
jQuery(document).ready(function() {
jQuery( "#mobSel" ).on('change', function () {
var newSelect = jQuery( this ).val();
var checkboxes = jQuery("input[type='checkbox']");
for(i=0; i<checkbox.length; i++) {
var x = checkbox[i].val();
jQuery('#price').html(x);};
});
});

В данном случае в <div id="price"></div> должно выводится значение value , а в реальности выдает ошибку:
Uncaught ReferenceError: checkbox is not defined
при нажатии на любой checkbox.
Помогите плиз
Ответить с цитированием
  #2 (permalink)  
Старый 11.03.2017, 18:29
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Sprutenok000,
в вашем html коде нет ни одного input[type='checkbox']
Ответить с цитированием
  #3 (permalink)  
Старый 11.03.2017, 18:36
Аспирант
Отправить личное сообщение для Sprutenok000 Посмотреть профиль Найти все сообщения от Sprutenok000
 
Регистрация: 11.03.2017
Сообщений: 42

сори не полностью js написал
jQuery(document).ready(function() {
jQuery( "#mobSel" ).on('change', function () {
var newSelect = jQuery( this ).val();
if(newSelect == "dors1") {
		jQuery('div #blok1').append('<div id="Door_standard" style="border: 1px solid #666; margin: 0 50px 0 50px;"><input type="checkbox" name="stan1" value="Дверь стандартная открывается наружу петли с лева">Дверь стандартная открывается наружу петли с лева<br /><input type="checkbox" name="stan2" value="Дверь стандартная открывается наружу петли с права">Дверь стандартная открывается наружу петли с права<br /><div style="float: right; margin: -40px 0 0 0;"><input type="checkbox" name="stan3" value="Дверь стандартная открывается во внутрь помещения петли с лева">Дверь стандартная открывается во внутрь помещения петли с лева<br /><input type="checkbox" name="stan4" value="stan4">Дверь стандартная открывается во внутрь помещения петли с права</div></div>')};
jQuery( "#Door_standard" ).on('change', function () {
var checkboxes = jQuery("input[type='checkbox']");
for(i=0; i<checkbox.length; i++) {
var x = checkbox[i].val();
jQuery('#price').html(x);};
});
});
Ответить с цитированием
  #4 (permalink)  
Старый 11.03.2017, 19:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Sprutenok000,
checkboxes это обьект jQuery, в котором в числовых ключах(индексах) находятся элементы(если таковые есть), в данном случае input. у input нет никакого val(), а есть value.
var x = checkbox[i].value;

или
var x = checkbox.eq(i).val();
Ответить с цитированием
  #5 (permalink)  
Старый 11.03.2017, 20:40
Аспирант
Отправить личное сообщение для Sprutenok000 Посмотреть профиль Найти все сообщения от Sprutenok000
 
Регистрация: 11.03.2017
Сообщений: 42

я понял спасибо за разснение
но ошибку выдает вот в этой строке
for(i=0; i<checkbox.length; i++) {
Ответить с цитированием
  #6 (permalink)  
Старый 11.03.2017, 20:44
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Sprutenok000,
вы 7 строку пост№3 исправили?
Ответить с цитированием
  #7 (permalink)  
Старый 11.03.2017, 20:47
Аспирант
Отправить личное сообщение для Sprutenok000 Посмотреть профиль Найти все сообщения от Sprutenok000
 
Регистрация: 11.03.2017
Сообщений: 42

да но не 7ю а 9ю

Последний раз редактировалось Sprutenok000, 11.03.2017 в 20:50.
Ответить с цитированием
  #8 (permalink)  
Старый 11.03.2017, 21:11
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Sprutenok000,
то есть отмеченное красным, вы исправлять не стали?
Ответить с цитированием
  #9 (permalink)  
Старый 11.03.2017, 21:18
Аспирант
Отправить личное сообщение для Sprutenok000 Посмотреть профиль Найти все сообщения от Sprutenok000
 
Регистрация: 11.03.2017
Сообщений: 42

вот ищу как его исправить пытаюсь найти более обширный ответ к тому что вы мне ответили
P.S.
Буду благодарен если дадите ссылку на более обширный ответ на исправление этой ошибки тобишь с примерами чтоб можно было понять что именно нетак

Последний раз редактировалось Sprutenok000, 11.03.2017 в 21:29.
Ответить с цитированием
  #10 (permalink)  
Старый 11.03.2017, 21:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,103

Sprutenok000,
у вас в строке 7 var checkboxes
а в строке 8 checkbox -- разницу видите?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывод значения температуры в строку Black_Star Общие вопросы Javascript 2 04.08.2016 17:50
вывод GET запроса в блок при загрузке usesa Общие вопросы Javascript 2 08.12.2015 17:23
вывод значения функции через равный интервал cOAPerator Общие вопросы Javascript 43 31.12.2012 03:54
Проверка пинга с сервером и вывод в блок fAmOus Элементы интерфейса 1 31.07.2012 09:41
Вывод значения value="" в <input type="file"> BK201 Общие вопросы Javascript 9 06.12.2010 18:30