Der bør vel ikke være grund til at
have checkboxe uden til en form ?
(Medmindre det er til noget scripting, dog ville
jeg tro der havde været noget mere kode nævnt så)
... Et eksempel kunne også lyde sådan her:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/javascript">
function CheckAll(e,s){
s=document.getElementById(s);
elms=s.getElementsByTagName("input");
for(i=0;i<elms.length;i++)elms[i].checked=e.checked;
}
</script>
<style type="text/css">
</style>
</head><body>
<div id="container">
<input type="checkbox" name="all" onclick="CheckAll(this,'container');"><br><br>
<input type="checkbox" name="list">
<input type="checkbox" name="list">
<input type="checkbox" name="list">
<input type="checkbox" name="list">
</div>
</body></html>
En forkortelse af Kalp's kan være:
<script type="text/javascript">
function CheckAll(e) {
elms=document.getElementsByName(e.name);
for(i=0;i<elms.length;i++)elms[i].checked=e.checked
}
</script>
<input name="groupOne" id="Oneone" onclick="CheckAll(this);" type="checkbox" value="" />
<input name="groupTwo" id="Twoone" onclick="CheckAll(this);" type="checkbox" value="" />
En udbygning af den jeg lavede så den kører på id's kan være:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<script type="text/javascript">
function CheckAll(e,s){
s=document.getElementById(s);
elms=s.getElementsByTagName("input");
for(i=0;i<elms.length;i++)if(elms[i].id.indexOf(e.id)==0)elms[i].checked=e.checked;
}
</script>
<style type="text/css">
</style>
</head><body>
<div id="container">
<input type="checkbox" name="all" onclick="CheckAll(this,'container');" id="groupone"><br><br>
<input type="checkbox" name="list">
<input type="checkbox" name="list" id="groupone1">
<input type="checkbox" name="list">
<input type="checkbox" name="list" id="groupone2">
</div>
</body></html>
- Der skal starten af id være det samme som check knappen man
klikker på ... Ikke bedre end Kalp's forslag om name, medmindre
de knapper man skal have afkrydset har forskellige names.
... Hvis ovenstående skal lede hele siden igennem istedet kan der istedet bruges
<script type="text/javascript">
function CheckAll(e){
elms=document.getElementsByTagName("input");
for(i=0;i<elms.length;i++)if(elms[i].id.indexOf(e.id)==0)elms[i].checked=e.checked;
}
</script>
<input type="checkbox" name="all" onclick="CheckAll(this);" id="groupone">
( Og på checkboxe der skal afkrydses: Fortløbende id's, eller rettere blot
afkrydsnings checkboxens id og så noget andet bagefter da man ikke må have to ens id )
