<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function checkAll ( checkbox, name ) {
if ( !checkbox.form ) {
checkbox.form = checkbox.parentNode;
while ( checkbox.form && checkbox.form.nodeName.toLowerCase() != 'form' ) {
checkbox.form = checkbox.form.parentNode;
}
if ( !checkbox.form ) return;
}
var checkList = checkbox.form[ name ];
for ( var i = 0, check; (check = checkList[i++]); ) {
check.checked = checkbox.checked;
}
}
</script>
</head>
<body>
<form action="">
<fieldset>
<input type="checkbox" name="check_all" id="id_check_all" onclick="checkAll(this, 'checkList')"/><label for="id_check_all">Check(Uncheck) all</label>
</fieldset>
<fieldset>
<ul>
<li><input type="checkbox" id="id_check_01" name="checkList"/><label for="id_check_01">item 01</label></li>
<li><input type="checkbox" id="id_check_02" name="checkList"/><label for="id_check_02">item 02</label></li>
<li><input type="checkbox" id="id_check_03" name="checkList"/><label for="id_check_03">item 03</label></li>
<li><input type="checkbox" id="id_check_04" name="checkList"/><label for="id_check_04">item 04</label></li>
<li><input type="checkbox" id="id_check_05" name="checkList"/><label for="id_check_05">item 05</label></li>
<li><input type="checkbox" id="id_check_06" name="checkList"/><label for="id_check_06">item 06</label></li>
<li><input type="checkbox" id="id_check_07" name="checkList"/><label for="id_check_07">item 07</label></li>
<li><input type="checkbox" id="id_check_08" name="checkList"/><label for="id_check_08">item 08</label></li>
<li><input type="checkbox" id="id_check_09" name="checkList"/><label for="id_check_09">item 09</label></li>
<li><input type="checkbox" id="id_check_10" name="checkList"/><label for="id_check_10">item 10</label></li>
</ul>
</fieldset>
</form>
</body>
</html>