ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Странности с checkbox
11 сообщений из 11, страница 1 из 1
Странности с checkbox
    #38894088
AlexanderKir
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AlexanderKir
Гость
Всем привет.
Есть такая структура чекбоксов:
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
        <section class="jolo-settings">
            <form action="" class="uk-form">
            <div class="box">
                <div class="items">
                    <label class="item"><div class="name">All</div><div class="value"><input type="checkbox" name="allcategories"></div></label>
                </div>
            </div>
            <div class="box">
                <div class="items">
                    <label class="item"><div class="name">Sport</div><div class="value"><input type="checkbox" name="allsport"></i></div></label>
                    <label class="item sub"><div class="name">Tennis</div><div class="value"><input type="checkbox" name="sport1"></div></label>
                    <label class="item sub"><div class="name">Floorball</div><div class="value"><input type="checkbox" name="sport2"></div></label>
                    <label class="item sub"><div class="name">Hockey</div><div class="value"><input type="checkbox" name="sport3"></div></label>
                    <label class="item sub"><div class="name">Boxing</div><div class="value"><input type="checkbox" name="sport4"></div></label>
                    <label class="item sub"><div class="name">Beach volleyball</div><div class="value"><input type="checkbox" name="sport5"></div></label>
                </div>
            </div>
            <div class="box">
                <div class="items">
                    <label class="item"><div class="name">Party</div><div class="value"><input type="checkbox" name="allparty"></div></label>
                    <label class="item sub"><div class="name">Bar</div><div class="value"><input type="checkbox" name="party1"></div></label>
                    <label class="item sub"><div class="name">Cinema</div><div class="value"><input type="checkbox" name="party2"></div></label>
                    <label class="item sub"><div class="name">Club</div><div class="value"><input type="checkbox" name="party3"></div></label>
                    <label class="item sub"><div class="name">Bowling</div><div class="value"><input type="checkbox" name="party4"></div></label>
                    <label class="item sub"><div class="name">Billiards</div><div class="value"><input type="checkbox" name="party5"></div></label>
                    <label class="item sub"><div class="name">Poker</div><div class="value"><input type="checkbox" name="party6"></div></label>
                </div>
            </div>
            <div class="box">
                <div class="items">
                    <label class="item"><div class="name">Help</div><div class="value"><input type="checkbox" name="help"></div></label>
                </div>
            </div>
            <div class="box">
                <div class="items">
                    <label class="item"><div class="name">Gift</div><div class="value"><input type="checkbox" name="gift"></div></label>
                </div>
            </div>
            <div class="box">
                <div class="items">
                    <label class="item"><div class="name">Rent</div><div class="value"><input type="checkbox" name="rent"></div></label>
                </div>
            </div>
            </form>
        </section>


Есть категории, подкатегории и "All"(выделить все).
К ним написан такой jq:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
$(document).ready(function() {

        $('input[name="allcategories"]').change(function() {
            $('input:checkbox').prop('checked', this.checked);
        });
        $('.box:not(:first-child) input:checkbox').change(function() {
            if($('.box:not(:first-child) input:checkbox').prop('checked')) {
                $('input[name="allcategories"]').prop('checked', this.checked);
            } else {
                $('input[name="allcategories"]').removeAttr('checked');
            };
        });

        $('input[name="allsport"]').change(function() {
            $('input[name^="sport"]').prop('checked', this.checked);
        });
        $('input[name^="sport"]').change(function() {
            if($('input[name^="sport"]').is(':not(:checked)')) {
                $('input[name="allsport"]').removeAttr('checked');
            } else {
                $('input[name="allsport"]').prop('checked', this.checked);
            };
        });

        $('input[name="allparty"]').change(function() {
            $('input[name^="party"]').prop('checked', this.checked);
        });
        $('input[name^="party"]').change(function() {
            if($('input[name^="party"]').is(':not(:checked)')) {
                $('input[name="allparty"]').removeAttr('checked');
            } else {
                $('input[name="allparty"]').prop('checked', this.checked);
            };
        });

    });



Суть:

1) При нажатии на "All" должны выделяться все категории и подкатегории, что собственно работает нормально.

2) При нажатии на категорию, например "Sport", должны выделяться подкатегории данной категории. Это тоже работает нормально.

3) Если выделены все чекбоксы, то при снятии флажка с категории, соответственно должны сниматься флажки с подкатегорий и с "All" и наоборот. Это, опять же, работает нормально.

4) Если выделены все чекбоксы, то при снятии флажка с подкатегории, должен сниматься флажок с категории и с "All". Это работает, НО если опять поставить на подкатегорию флажок, то на "All" флажок уже не возвращается.
При чем эта проблема распространяется только на категорию "Sport", что странно.

Так же, во время написания этой темы, обнаружил еще одну проблему - если снять флажок с категории "Party", а потом поставить флажок на ее подкатегорию, то поставится флажок на "All", хотя его там не должно быть.

Целый день пытаюсь поправить, но все напрасно(
Помогите пожалуйста решить эту проблему.
Спасибо.

Вот ссылка на демо, тут более понятно как это работает - https://jsfiddle.net/0vf3z4ku/1/
...
Рейтинг: 0 / 0
03.03.2015, 21:28
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38894215
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
AlexanderKirЕсть такая структура чекбоксов:
Немного неудачная структура... Поскольку "алл" должен быть уровнем выше, нежели остальные чеки...
...
Рейтинг: 0 / 0
04.03.2015, 08:17
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38894216
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Как и подкатегории то же.

Есть возможность исправить разметку?
...
Рейтинг: 0 / 0
04.03.2015, 08:18
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38894880
AlexanderKir
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AlexanderKir
Гость
krvsa,

А это разве имеет значение?) я же всё равно по имени к нему обращаюсь через jq.
Поменять структуру возможность есть.
...
Рейтинг: 0 / 0
04.03.2015, 17:17
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38895380
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
AlexanderKirkrvsa,
А это разве имеет значение?)
Разумеется!
Правильная разметка - половина задачи. Краеугольный камень ее успеха...
...
Рейтинг: 0 / 0
05.03.2015, 08:03
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38895395
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
AlexanderKir , структура должна быть построена так, чтобы алгоритмизировать действия с ней было легко.

Вот небольшая иллюстрация...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.group {
	margin: 10px;
	border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function(){
	$('.item input:checkbox').click(function(){
		var val=this.checked;
		$(this).parents('.item').eq(0).next('.group').find('input:checkbox').prop('checked',val);
		if (!val) {
			$(this).parents('.group').each(function(){
				$(this).prev('.item').find('input:checkbox').prop('checked',val);
			});
		};
		var o=$('.group').eq(0);
		val=o.find('input:checked').length==o.find('input:checkbox').length
		o.prev('.item').find('input:checkbox').prop('checked',val);
	});
});
</script>
</head>
<body>
<section class="jolo-settings">
	<form action="" class="uk-form">
		<div class="box">
			<div class="items">
				<label class="item"><div class="name">All</div><div class="value"><input type="checkbox" name="allcategories"></div></label>
				<div class="group test">
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Sport</div><div class="value"><input type="checkbox" name="allsport"></i></div></label>
							<div class="group">
								<label class="item sub"><div class="name">Tennis</div><div class="value"><input type="checkbox" name="sport1"></div></label>
								<label class="item sub"><div class="name">Floorball</div><div class="value"><input type="checkbox" name="sport2"></div></label>
								<label class="item sub"><div class="name">Hockey</div><div class="value"><input type="checkbox" name="sport3"></div></label>
								<label class="item sub"><div class="name">Boxing</div><div class="value"><input type="checkbox" name="sport4"></div></label>
								<label class="item sub"><div class="name">Beach volleyball</div><div class="value"><input type="checkbox" name="sport5"></div></label>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Party</div><div class="value"><input type="checkbox" name="allparty"></div></label>
							<div class="group">
								<label class="item sub"><div class="name">Bar</div><div class="value"><input type="checkbox" name="party1"></div></label>
								<label class="item sub"><div class="name">Cinema</div><div class="value"><input type="checkbox" name="party2"></div></label>
								<label class="item sub"><div class="name">Club</div><div class="value"><input type="checkbox" name="party3"></div></label>
								<label class="item sub"><div class="name">Bowling</div><div class="value"><input type="checkbox" name="party4"></div></label>
								<label class="item sub"><div class="name">Billiards</div><div class="value"><input type="checkbox" name="party5"></div></label>
								<label class="item sub"><div class="name">Poker</div><div class="value"><input type="checkbox" name="party6"></div></label>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Help</div><div class="value"><input type="checkbox" name="help"></div></label>
							<div class="group"></div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Gift</div><div class="value"><input type="checkbox" name="gift"></div></label>
							<div class="group"></div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Rent</div><div class="value"><input type="checkbox" name="rent"></div></label>
							<div class="group"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</section>
</body>
</html>
...
Рейтинг: 0 / 0
05.03.2015, 08:36
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38895397
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
AlexanderKirЦелый день пытаюсь поправить, но все напрасно(
Вот такая фигня как раз и бывает из-за неудачно построенной ДОМ модели...
...
Рейтинг: 0 / 0
05.03.2015, 08:37
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38895408
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Вот более доработанный вариант...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.group {
	margin: 10px;
	border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function(){
	$('.item input:checkbox').click(function(){
		var val=this.checked;
		$(this).parents('.item').eq(0).next('.group').find('input:checkbox').prop('checked',val);
		if (!val) {
			$(this).parents('.group').each(function(){
				$(this).prev('.item').find('input:checkbox').prop('checked',val);
			});
		};
		var og=$('.group');
		for (var i=og.length; i>0; i--) {
			var o=og.eq(i-1);
			var n=o.find('input:checkbox').length;
			if (n>0) {
				val=o.find('input:checked').length==n;
				o.prev('.item').find('input:checkbox').prop('checked',val);
			};
		};
	});
});
</script>
</head>
<body>
<section class="jolo-settings">
	<form action="" class="uk-form">
		<div class="box">
			<div class="items">
				<label class="item"><div class="name">All</div><div class="value"><input type="checkbox" name="allcategories"></div></label>
				<div class="group test">
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Sport</div><div class="value"><input type="checkbox" name="allsport"></i></div></label>
							<div class="group">
								<label class="item sub"><div class="name">Tennis</div><div class="value"><input type="checkbox" name="sport1"></div></label>
								<label class="item sub"><div class="name">Floorball</div><div class="value"><input type="checkbox" name="sport2"></div></label>
								<label class="item sub"><div class="name">Hockey</div><div class="value"><input type="checkbox" name="sport3"></div></label>
								<label class="item sub"><div class="name">Boxing</div><div class="value"><input type="checkbox" name="sport4"></div></label>
								<label class="item sub"><div class="name">Beach volleyball</div><div class="value"><input type="checkbox" name="sport5"></div></label>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Party</div><div class="value"><input type="checkbox" name="allparty"></div></label>
							<div class="group">
								<label class="item sub"><div class="name">Bar</div><div class="value"><input type="checkbox" name="party1"></div></label>
								<label class="item sub"><div class="name">Cinema</div><div class="value"><input type="checkbox" name="party2"></div></label>
								<label class="item sub"><div class="name">Club</div><div class="value"><input type="checkbox" name="party3"></div></label>
								<label class="item sub"><div class="name">Bowling</div><div class="value"><input type="checkbox" name="party4"></div></label>
								<label class="item sub"><div class="name">Billiards</div><div class="value"><input type="checkbox" name="party5"></div></label>
								<label class="item sub"><div class="name">Poker</div><div class="value"><input type="checkbox" name="party6"></div></label>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Help</div><div class="value"><input type="checkbox" name="help"></div></label>
							<div class="group"></div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Gift</div><div class="value"><input type="checkbox" name="gift"></div></label>
							<div class="group"></div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Rent</div><div class="value"><input type="checkbox" name="rent"></div></label>
							<div class="group"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</section>
</body>
</html>
...
Рейтинг: 0 / 0
05.03.2015, 08:52
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38895409
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Даже еще и упростить можно теперь...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.group {
	margin: 10px;
	border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function(){
	$('.item input:checkbox').click(function(){
		var val=this.checked;
		$(this).parents('.item').eq(0).next('.group').find('input:checkbox').prop('checked',val);
		if (!val) {
			$(this).parents('.group').each(function(){
				$(this).prev('.item').find('input:checkbox').prop('checked',val);
			});
		};
		var og=$('.group');
		for (var i=og.length; i>0; i--) {
			var o=og.eq(i-1);
			var n=o.find('input:checkbox').length;
			if (n>0) {
				val=o.find('input:checked').length==n;
				o.prev('.item').find('input:checkbox').prop('checked',val);
			};
		};
	});
});
</script>
</head>
<body>
<section class="jolo-settings">
	<form action="" class="uk-form">
		<div class="box">
			<div class="items">
				<label class="item"><div class="name">All</div><div class="value"><input type="checkbox" name="allcategories"></div></label>
				<div class="group test">
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Sport</div><div class="value"><input type="checkbox" name="allsport"></i></div></label>
							<div class="group">
								<label class="item sub"><div class="name">Tennis</div><div class="value"><input type="checkbox" name="sport1"></div></label>
								<label class="item sub"><div class="name">Floorball</div><div class="value"><input type="checkbox" name="sport2"></div></label>
								<label class="item sub"><div class="name">Hockey</div><div class="value"><input type="checkbox" name="sport3"></div></label>
								<label class="item sub"><div class="name">Boxing</div><div class="value"><input type="checkbox" name="sport4"></div></label>
								<label class="item sub"><div class="name">Beach volleyball</div><div class="value"><input type="checkbox" name="sport5"></div></label>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Party</div><div class="value"><input type="checkbox" name="allparty"></div></label>
							<div class="group">
								<label class="item sub"><div class="name">Bar</div><div class="value"><input type="checkbox" name="party1"></div></label>
								<label class="item sub"><div class="name">Cinema</div><div class="value"><input type="checkbox" name="party2"></div></label>
								<label class="item sub"><div class="name">Club</div><div class="value"><input type="checkbox" name="party3"></div></label>
								<label class="item sub"><div class="name">Bowling</div><div class="value"><input type="checkbox" name="party4"></div></label>
								<label class="item sub"><div class="name">Billiards</div><div class="value"><input type="checkbox" name="party5"></div></label>
								<label class="item sub"><div class="name">Poker</div><div class="value"><input type="checkbox" name="party6"></div></label>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Help</div><div class="value"><input type="checkbox" name="help"></div></label>
							<div class="group"></div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Gift</div><div class="value"><input type="checkbox" name="gift"></div></label>
							<div class="group"></div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Rent</div><div class="value"><input type="checkbox" name="rent"></div></label>
							<div class="group"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</section>
</body>
</html>
...
Рейтинг: 0 / 0
05.03.2015, 08:54
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38895411
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Вот ведь! Старье копирнул.

Вот то, что хотел вставить.

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
<!DOCTYPE html>
<html>
<head>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
.group {
	margin: 10px;
	border: 1px solid;
}
</style>
<script type='text/javascript'>
$(function(){
	$('.item input:checkbox').click(function(){
		var val=this.checked;
		$(this).parents('.item').eq(0).next('.group').find('input:checkbox').prop('checked',val);
		var og=$('.group');
		for (var i=og.length; i>0; i--) {
			var o=og.eq(i-1);
			var n=o.find('input:checkbox').length;
			if (n>0) {
				val=o.find('input:checked').length==n;
				o.prev('.item').find('input:checkbox').prop('checked',val);
			};
		};
	});
});
</script>
</head>
<body>
<section class="jolo-settings">
	<form action="" class="uk-form">
		<div class="box">
			<div class="items">
				<label class="item"><div class="name">All</div><div class="value"><input type="checkbox" name="allcategories"></div></label>
				<div class="group test">
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Sport</div><div class="value"><input type="checkbox" name="allsport"></i></div></label>
							<div class="group">
								<label class="item sub"><div class="name">Tennis</div><div class="value"><input type="checkbox" name="sport1"></div></label>
								<label class="item sub"><div class="name">Floorball</div><div class="value"><input type="checkbox" name="sport2"></div></label>
								<label class="item sub"><div class="name">Hockey</div><div class="value"><input type="checkbox" name="sport3"></div></label>
								<label class="item sub"><div class="name">Boxing</div><div class="value"><input type="checkbox" name="sport4"></div></label>
								<label class="item sub"><div class="name">Beach volleyball</div><div class="value"><input type="checkbox" name="sport5"></div></label>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Party</div><div class="value"><input type="checkbox" name="allparty"></div></label>
							<div class="group">
								<label class="item sub"><div class="name">Bar</div><div class="value"><input type="checkbox" name="party1"></div></label>
								<label class="item sub"><div class="name">Cinema</div><div class="value"><input type="checkbox" name="party2"></div></label>
								<label class="item sub"><div class="name">Club</div><div class="value"><input type="checkbox" name="party3"></div></label>
								<label class="item sub"><div class="name">Bowling</div><div class="value"><input type="checkbox" name="party4"></div></label>
								<label class="item sub"><div class="name">Billiards</div><div class="value"><input type="checkbox" name="party5"></div></label>
								<label class="item sub"><div class="name">Poker</div><div class="value"><input type="checkbox" name="party6"></div></label>
							</div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Help</div><div class="value"><input type="checkbox" name="help"></div></label>
							<div class="group"></div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Gift</div><div class="value"><input type="checkbox" name="gift"></div></label>
							<div class="group"></div>
						</div>
					</div>
					<div class="box">
						<div class="items">
							<label class="item"><div class="name">Rent</div><div class="value"><input type="checkbox" name="rent"></div></label>
							<div class="group"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</form>
</section>
</body>
</html>
...
Рейтинг: 0 / 0
05.03.2015, 08:56
| Ответить | Цитировать | Написать  
Странности с checkbox
    #38896457
AlexanderKir
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
AlexanderKir
Гость
krvsa,

Спасибо огромное) Оказывается можно так сильно сократить код. Но я не на столько силен в jq, так, банальщину всякую написать)
...
Рейтинг: 0 / 0
05.03.2015, 18:34
| Ответить | Цитировать | Написать  
11 сообщений из 11, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Странности с checkbox
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38896457&tid=1446202]:
 0ms
get settings:
 5ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 139ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 56ms
get tp. blocked users:
 1ms
others: 230ms
total:  464ms
созд. / загр.: 464ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]