Маркиране на обект

[PHP_Masters]

Значи 10 черни квадратчета, как ще стане когато маркирам примерно седмотомото да се маркират от първото до седмото (включително)

 

[marian]

<input type="checkbox" name="black" />
<input type="checkbox" name="black" />
<input type="checkbox" name="black" />
<input type="checkbox" name="black" />
<input type="checkbox" name="black" />
<input type="checkbox" name="black" />
<input type="checkbox" name="black" />
<input type="checkbox" name="black" />
<input type="checkbox" name="black" />
<script type="text/javascript">
function check(n) {
for (i=0;i<document.getElementsByName("black").length;i++) {
document.getElementsByName("black")[i].checked = i<=n ? true : false;
}
}
for (i=0;i<document.getElementsByName("black").length;i++) {
document.getElementsByName("black")[i].setAttribute("onclick","check("+i+")");
}
</script>

Ето ти един пример с чекбоксове, че незнам за какви черни квадратчета говориш.
Какви са тези черни квадратчета и как изглеждат като ги маркираш?