To Markér alle funktioner på samme side, hvordan gør man det?
Hej eksperter.Jeg er ved at lave en side hvor brugerne gerne skulle kunne søge og de kan vælge imellem både type og størrelse via nogle checkboxe. Jeg vil gerne have en "Markér alle / Afmarkér alle" funktion på både "type" og "størrelse". Men hvordan gør jeg det?
Kode:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
<!--
function checkAll()
{
objFields = document.forms.soeg.elements;
for (i=0;i<objFields.length;i++)
{
objFields[i].checked = 1;
}
}
function UncheckAll()
{
objFields = document.forms.soeg.elements;
for (i=0;i<objFields.length;i++)
{
objFields[i].checked = 0;
}
}
//-->
</script>
</head>
<body>
<form action='test.php' name='soeg' method='get' style='display: inline;'>
Type 1: <input type="checkbox" id="type1" name="type1" value="Ja" checked><br>
Type 2: <input type="checkbox" id="type2" name="type2" value="Ja" checked><br>
<a href="java script:checkAll()" class="spalte_udtonet">Markér alle typer</a> | <a href="java script:UncheckAll()" class="spalte_udtonet">Afmarkér alle typer</a><br>
<br>
Størrelse 1: <input type="checkbox" id="str1" name="str1" value="Ja" checked><br>
Størrelse 2: <input type="checkbox" id="str2" name="str2" value="Ja" checked><br>
<br>
<a href="java script:checkAll()" class="spalte_udtonet">Markér alle størrelser</a> | <a href="java script:UncheckAll()" class="spalte_udtonet">Afmarkér alle størrelser</a><br>
<br>
<input type="submit" value="Søg" name="soeg">
</form>
</body>
</html>
