jQuery-Tristate-Checkbox-plugin/checkbox-test.html at master · jlbruno/jQuery-Tristate-Checkbox-plugin · GitHub

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
<!DOCTYPE html>

<html>
<head>
</head>

<body>

<!-- abbreviation for zen coding to generate test html
ul.tristate>li>input[type="checkbox"]+label{checkbox}+ul>li*2>input[type="checkbox"]+label{checkbox}+ul>li*2>input[type="checkbox"]+label{checkbox}+ul>li*2>input[type="checkbox"]+label{checkbox}
-->

<ul class="tristate">
	<li>
		<input type="checkbox" />
		<label for="">checkbox</label>
		<ul>
			<li>
				<input type="checkbox" />
				<label for="">checkbox</label>
				<ul>
					<li>
						<input type="checkbox" />
						<label for="">checkbox</label>
						<ul>
							<li><input type="checkbox" checked /><label for="">checkbox</label></li>
							<li><input type="checkbox" checked /><label for="">checkbox</label></li>
						</ul>
					</li>
					<li>
						<input type="checkbox" />
						<label for="">checkbox</label>
						<ul>
							<li><input type="checkbox" /><label for="">checkbox</label></li>
							<li><input type="checkbox" /><label for="">checkbox</label></li>
						</ul>
					</li>
				</ul>
			</li>
			<li>
				<input type="checkbox" />
				<label for="">checkbox</label>
				<ul>
					<li>
						<input type="checkbox" />
						<label for="">checkbox</label>
						<ul>
							<li><input type="checkbox" checked /><label for="">checkbox</label></li>
							<li><input type="checkbox" /><label for="">checkbox</label></li>
						</ul>
					</li>
					<li>
						<input type="checkbox" />
						<label for="">checkbox</label>
						<ul>
							<li><input type="checkbox" /><label for="">checkbox</label></li>
							<li><input type="checkbox" /><label for="">checkbox</label></li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
	</li>
</ul>


<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../includes/js/libs/jquery-1.6.2.min.js">\x3C/script>')</script>
<script src="jquery.tristate.min.js"></script>

<script>
	$(document).ready(function() {
	$('.tristate').tristate();
 });

</script>

</body>
</html>