Posted By

jofan on 03/04/10

Tagged

list
html

Versions (?)

Last Edited at 03/04/10 07:25am

Statistics

Viewed 692 times

Favorited by 0 user(s)

Related snippets

Widget: Selection list - HTML

/ Published in: HTML

Markup for a nested list of checkboxes.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<ul class="selectionlist">
	<li><input type="checkbox" />Level 1 Item 1
		<ul>
			<li><input type="checkbox" />Level 2 Item 1
				<ul>
					<li><input type="checkbox" />Level 3 Item 1</li>
					<li><input type="checkbox" />Level 3 Item 2</li>
					<li><input type="checkbox" />Level 3 Item 3</li>
					<li><input type="checkbox" />Level 3 Item 4</li>
					<li><input type="checkbox" />Level 3 Item 5</li>
				</ul>
			</li>
			<li><input type="checkbox" />Level 2 Item 2</li>
			<li><input type="checkbox" />Level 2 Item 3</li>
			<li><input type="checkbox" />Level 2 Item 4</li>
			<li><input type="checkbox" />Level 2 Item 5</li>
		</ul>
	</li>
	<li><input type="checkbox" />Level 1 Item 2</li>
	<li><input type="checkbox" />Level 1 Item 3</li>
	<li><input type="checkbox" />Level 1 Item 4</li>
	<li><input type="checkbox" />Level 1 Item 5</li>
</ul>