Hejsa,
Jeg har lavet følgende til inspiration.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script type="text/javascript">
function CheckBoxes()
{
var foundStart = false;
var foundEnd = false;
for(var i = 1; i < 7; i++)
{
var id = "row"+i;
var element = document.getElementById(id);
if(!foundStart)
{
if(element.firstChild.checked)
{
foundStart = true;
}
}
else
{
if(!foundEnd)
{
if(element.firstChild.checked)
{
foundEnd = true;
}
else
{
document.getElementById(element.firstChild.id).checked = "true";
}
}
}
}
}
</script>
</HEAD>
<BODY>
<table>
<tr>
<td id="row1"><input type="checkbox" id="checkone" /></td>
<td id="row2"><input type="checkbox" id="checktwo" /></td>
<td id="row3"><input type="checkbox" id="checkthree" /></td>
<td id="row4"><input type="checkbox" id="checkfour" /></td>
<td id="row5"><input type="checkbox" id="checkfive" /></td>
<td id="row6"><input type="checkbox" id="checksix" /></td>
</tr>
</table>
<label onclick="CheckBoxes();">Test</label>
</BODY>
</HTML>
Den tjekker af fra den første checkbox den finder til den næste.. men hvis du har tjekket 3 af så gør den det så stadig kun mellem de 2 første den finder.
Du har ikke rigtig sagt hvad man skulle gøre i sådan en situation.
Nu har jeg benyttet en table, men det er underordnet.. du kan lave divs og give dem id'er som jeg har gjort her så virker det også.
og så skal dine checkbokse bare have et id også.. det er underordnet hvad du skriver i deres ID.. det er kun "rowX" som jeg benytter i min kode.
