Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Странности с checkbox / 11 сообщений из 11, страница 1 из 1
03.03.2015, 21:28
    #38894088
AlexanderKir
AlexanderKir
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
Всем привет.
Есть такая структура чекбоксов:
Код: 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
| Ответить | Цитировать | Написать  
04.03.2015, 08:17
    #38894215
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
AlexanderKirЕсть такая структура чекбоксов:
Немного неудачная структура... Поскольку "алл" должен быть уровнем выше, нежели остальные чеки...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.03.2015, 08:18
    #38894216
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
Как и подкатегории то же.

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

А это разве имеет значение?) я же всё равно по имени к нему обращаюсь через jq.
Поменять структуру возможность есть.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.03.2015, 08:03
    #38895380
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
AlexanderKirkrvsa,
А это разве имеет значение?)
Разумеется!
Правильная разметка - половина задачи. Краеугольный камень ее успеха...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.03.2015, 08:36
    #38895395
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
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:37
    #38895397
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
AlexanderKirЦелый день пытаюсь поправить, но все напрасно(
Вот такая фигня как раз и бывает из-за неудачно построенной ДОМ модели...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.03.2015, 08:52
    #38895408
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
Вот более доработанный вариант...

Код: 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
    #38895409
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
Даже еще и упростить можно теперь...

Код: 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:56
    #38895411
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
Вот ведь! Старье копирнул.

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

Код: 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, 18:34
    #38896457
AlexanderKir
AlexanderKir
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Странности с checkbox
krvsa,

Спасибо огромное) Оказывается можно так сильно сократить код. Но я не на столько силен в jq, так, банальщину всякую написать)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Странности с checkbox / 11 сообщений из 11, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 326ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446202]:
 0ms
get settings:
 4ms
get forum list:
 11ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 50ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 43ms
get tp. blocked users:
 1ms
others: 204ms
total:  326ms
x
x
Закрыть


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