Checkbox gruppevis check/uncheck
Jeg har fået hjælp til script 1 her på eksperten, men af hensyn til behandling af data, vil det være godt at checkbox [Valg Alle] markeres, såfremt de resterende checkbox´e er valgt. Som i script 2.:-) karsten_larsen
**** Script 1 ******
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<script type="text/javascript">
function vaelgAlle(obj) {
frm = obj.form;
for (i = 0; i < frm.elements.length; i++) {
if (frm.elements[i].type == "checkbox" && frm.elements[i].name.substring(0,5) == obj.name.substring(0,5))
frm.elements[i].checked = obj.checked;
}
}
function fjernAlle(obj){
frm = obj.form;
for (i = 0; i < frm.elements.length; i++) {
if (frm.elements[i].type == "checkbox" && frm.elements[i].name.substring(0,5) == obj.name.substring(0,5) && frm.elements[i].name.substring(5)=="alle")
frm.elements[i].checked = false;
}
}
</script>
<body>
<form>
Gruppe 1<br>
<input type="checkbox" name="grup1alle" value="0" onclick="vaelgAlle(this);">Alle valg<br>
<input type="checkbox" name="grup1navn1" value="1" onclick="fjernAlle(this);">Valg1<br>
<input type="checkbox" name="grup1navn2" value="2" onclick="fjernAlle(this);">Valg2<br>
<input type="checkbox" name="grup1navn3" value="3" onclick="fjernAlle(this);">Valg3<br>
<input type="checkbox" name="grup1navn4" value="4" onclick="fjernAlle(this);">Valg4<br>
<b>Gruppe2</b><br>
<input type="checkbox" name="grup2alle" value="0" onclick="vaelgAlle(this);">Alle valg<br>
<input type="checkbox" name="grup2navn1" value="1" onclick="fjernAlle(this);">Valg1<br>
<input type="checkbox" name="grup2navn2" value="2" onclick="fjernAlle(this);">Valg2<br>
<b>Gruppe3</b><br>
<input type="checkbox" name="grup3alle" value="0" onclick="vaelgAlle(this);">Alle valg<br>
<input type="checkbox" name="grup3navn1" value="1" onclick="fjernAlle(this);">Valg1<br>
<input type="checkbox" name="grup3navn2" value="2" onclick="fjernAlle(this);">Valg2<br>
<input type="checkbox" name="grup3navn3" value="3" onclick="fjernAlle(this);">Valg3<br>
<input type="checkbox" name="grup3navn4" value="4" onclick="fjernAlle(this);">Valg4<br>
</form>
</body>
</html>
*** Script 2 ***
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT>
function Toggle(e)
{
if (e.checked) {
document.messageList.toggleAll.checked = AllChecked();
}
else {
document.messageList.toggleAll.checked = false;
}
}
function ToggleAll(e)
{
if (e.checked) {
CheckAll();
}
else {
ClearAll();
}
}
function Check(e)
{
e.checked = true;
}
function Clear(e)
{
e.checked = false;
}
function CheckAll()
{
var ml = document.messageList;
var len = ml.elements.length;
for (var i = 0; i < len; i++) {
var e = ml.elements[i];
if (e.name == "Mid") {
Check(e);
}
}
ml.toggleAll.checked = true;
}
function ClearAll()
{
var ml = document.messageList;
var len = ml.elements.length;
for (var i = 0; i < len; i++) {
var e = ml.elements[i];
if (e.name == "Mid") {
Clear(e);
}
}
ml.toggleAll.checked = false;
}
function AllChecked()
{
ml = document.messageList;
len = ml.elements.length;
for(var i = 0 ; i < len ; i++) {
if (ml.elements[i].name == "Mid" && !ml.elements[i].checked) {
return false;
}
}
return true;
}
var noDelAllMsgWarning = false;
</SCRIPT>
<FORM name=messageList method=post>
<INPUT onclick=ToggleAll(this); type=checkbox name=toggleAll>alle<br>
<INPUT onclick=Toggle(this) type=checkbox name=Mid>1<br>
<INPUT onclick=Toggle(this) type=checkbox name=Mid>2<br>
<INPUT onclick=Toggle(this) type=checkbox name=Mid>3<br>
</FORM>
</BODY>
</HTML>
