Вот сделал.. может кому пригодится :)
(сделано в расчете на то,что сначала чекбоксы будут генериться "снаружи" в порядке по умолчанию, а потом должны перемешиваться)
<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<script language="javascript">
var controls = new Array("id1", "id2", "id3", "id4");
var captions = new Array("cid1", "cid2", "cid3", "cid4");
var captionsId = new Array("cap1", "cap2", "cap3", "cap4");
var x;
var y;
var buf;
var cb = new Array(document.getElementById(controls[0]), document.getElementById(controls[1]), document.getElementById(controls[2]), document.getElementById(controls[3]));
for (var i = 0; i < controls.length; i++)
{
x = Math.floor(Math.random() * controls.length);
y = Math.floor(Math.random() * controls.length);
buf = controls[x];
controls[x] = controls[y];
controls[y] = buf;
buf = captions[x];
captions[x] = captions[y];
captions[y] = buf;
}
</script>
</head>
<body>
<form name="checkbox" id="checkbox">
<H1>Header of question</H1>
<p>Description...</p>
<script language="javascript">
function myAlert()
{
alert("id1: " + document.getElementById("id1").checked + " id2: " + document.getElementById("id2").checked + " id3: " + document.getElementById("id3").checked + " id4: " + document.getElementById("id4").checked);
}
</script>
<input type=checkbox id="id1" name="NAME" value="id1"> <span id="cap1">id1</span><br>
<input type=checkbox id="id2" name="NAME" value="id2"> <span id="cap2">id2</span><br>
<input type=checkbox id="id3" name="NAME" value="id3"> <span id="cap3">id3</span><br>
<input type=checkbox id="id4" name="NAME" value="id4"> <span id="cap4">id4</span><br>
<input type=button name="btnName" value="Проверить" onclick="myAlert()">
</form>
<script language="javascript">
var form = document.getElementById("checkbox");
var span;
for (var i = 0; i < form.length - 1; i++)
{
form.elements[i].setAttribute("id", controls[i]);
form.elements[i].setAttribute("value", captions[i]);
span = document.getElementById("cap" + (i + 1));
span.innerHTML = captions[i];
}
</script>
</body>
</html>
