Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.11.2011, 09:39
Новичок на форуме
Отправить личное сообщение для Mamayoto Посмотреть профиль Найти все сообщения от Mamayoto
 
Регистрация: 28.09.2011
Сообщений: 6

Разделить строку на масив
Нужно при выборе checkbox вывести выбраные бренды через запятую. В теге с класом .filter-brand-add
Но text() Обєдиняет все в одну строку. Может сдесь другой подход нужен? Помогите пожалуйсто, уже второй день мучаюсь
$('.filter-block input').click(function() {
	if ($(this).is(':checked')) {
		$(this).next().addClass('checked');
	} 
	else {
		$(this).next().removeClass('checked');
	}
				
	var arr = [];	
	var c =  $('.checked').text();
	arr.push(c);
	for(var i=0; i < arr.length; i++);
	var d = arr.join(", ");
	$('.filter-brand-add').text(d);
});

<div class="filter-block">
	<ul class="checkboxes">
		<li><input type="checkbox" id="check1" /><label for="check1">Acer</label></li>
		<li><input type="checkbox" id="check2" /><label for="check2">Apple</label></li>
		<li><input type="checkbox" id="check3" /><label for="check3">Asus</label></li>
		<li><input type="checkbox" id="check4" /><label for="check4">Dell</label></li>
		<li><input type="checkbox" id="check5" /><label for="check5">Fujitsu</label></li>
		<li><input type="checkbox" id="check6" /><label for="check6">HP</label></li>
		<li><input type="checkbox" id="check7" /><label for="check7">MSI</label></li>
		<li><input type="checkbox" id="check8" /><label for="check8">Packard Bell</label></li>
		<li><input type="checkbox" id="check9" /><label for="check9">Panasonic</label></li>
		<li><input type="checkbox" id="check10" /><label for="check10">Samsung</label></li>
		<li><input type="checkbox" id="check11" /><label for="check11">Sony</label></li>
		<li><input type="checkbox" id="check12" /><label for="check12">Toshiba</label></li>
		<li><input type="checkbox" id="check13" /><label for="check13">ViewSonic</label></li>
	</ul>
</div>
<span class="filter-brand-add">Сюда вывести выбраные бренды через запятую</span>

Последний раз редактировалось Mamayoto, 10.11.2011 в 10:36.
Ответить с цитированием
  #2 (permalink)  
Старый 10.11.2011, 10:28
Аватар для Snipe
Профессор
Отправить личное сообщение для Snipe Посмотреть профиль Найти все сообщения от Snipe
 
Регистрация: 06.05.2008
Сообщений: 765

Опишите словами, что делает каждая строка вашей программы. Можно прям комментариями в скрипте.
Думаю, тогда вы сами сможете отыскать ошибку.
Ответить с цитированием
  #3 (permalink)  
Старый 10.11.2011, 12:35
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,830

Сообщение от Mamayoto
Нужно при выборе checkbox вывести выбраные бренды через запятую. В теге с класом .filter-brand-add
Как вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function(){
	$('.checkboxes :checkbox').click(function(){
		var val='',dlm=''
		$('.checkboxes :checked').each(function(){
			val=val+dlm+$(this).next('label').text()
			dlm=', '
		});
		$('.filter-brand-add').empty().text(val);
	});
});
</script>
</head>
<body>
<div class="filter-block">
	<ul class="checkboxes">
		<li><input type="checkbox" id="check1" /><label for="check1">Acer</label></li>
		<li><input type="checkbox" id="check2" /><label for="check2">Apple</label></li>
		<li><input type="checkbox" id="check3" /><label for="check3">Asus</label></li>
		<li><input type="checkbox" id="check4" /><label for="check4">Dell</label></li>
		<li><input type="checkbox" id="check5" /><label for="check5">Fujitsu</label></li>
		<li><input type="checkbox" id="check6" /><label for="check6">HP</label></li>
		<li><input type="checkbox" id="check7" /><label for="check7">MSI</label></li>
		<li><input type="checkbox" id="check8" /><label for="check8">Packard Bell</label></li>
		<li><input type="checkbox" id="check9" /><label for="check9">Panasonic</label></li>
		<li><input type="checkbox" id="check10" /><label for="check10">Samsung</label></li>
		<li><input type="checkbox" id="check11" /><label for="check11">Sony</label></li>
		<li><input type="checkbox" id="check12" /><label for="check12">Toshiba</label></li>
		<li><input type="checkbox" id="check13" /><label for="check13">ViewSonic</label></li>
	</ul>
</div>
<span class="filter-brand-add">Сюда вывести выбраные бренды через запятую</span>
</body>
</html>
Ответить с цитированием
  #4 (permalink)  
Старый 10.11.2011, 12:36
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,830

Сообщение от Mamayoto
уже второй день мучаюсь
Да ты, батенька, мазохист! А таки платить не хочется, да?
Ответить с цитированием
  #5 (permalink)  
Старый 10.11.2011, 13:23
Новичок на форуме
Отправить личное сообщение для Mamayoto Посмотреть профиль Найти все сообщения от Mamayoto
 
Регистрация: 28.09.2011
Сообщений: 6

Большое спасибо!!!
Я только учусь, а без мазохизма в учебе никак... наверное...
Ответить с цитированием
  #6 (permalink)  
Старый 10.11.2011, 13:52
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 13,830

Сообщение от Mamayoto
Я только учусь
Тогда начинать нужно с азов... В учебниках всё подробно расписывают. И примеры там от простого к сложному...
Ответить с цитированием
  #7 (permalink)  
Старый 10.11.2011, 18:46
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

Mamayoto, почитайте)
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Практика: Перевернуть строку. Magneto Учебные материалы 14 19.09.2011 23:44
дописать строку в документ YemSalat Общие вопросы Javascript 5 02.04.2011 16:54
Преобразовать строку в Number с учетом региональных настроек Mutagena Общие вопросы Javascript 2 15.03.2011 00:22
Нужно удалить строку в таблице. Раиль Элементы интерфейса 2 16.12.2010 14:58
по ctrl+Enter перенос курсора на след. строку Crux Internet Explorer 5 09.08.2010 14:30