Hallo!
Ich habe folgendes Problem:
ich habe 6 verschiedene Auswahlmöglichkeiten, die ich mit Checkboxen anklicken kann. Jetzt darf ich aber pro Spalte und Zeile jeweils nur ein Häkchen setzen können. Optionbuttons sind keine Alternative, da ich diese nicht wieder abwählen kann.
Spaltenweise habe ich es hinbekommen, aber die Zeilen spinnen.
Da ich mit JavaScript eigentlich keine Erfahrung habe, wäre ich über ein bißchen Hilfe sehr dankbar!
Gruß
Jeannine
<script language="JavaScript">
function test1(wert, name1)
{
switch(name1)
{
case "wahl1":
t1(name1);
break;
case "wahl2":
t2(name1);
break;
case "wahl3":
t3(name1);
break;
}
for (i=18;i<36;i++)
{
if (document.forms[0].elements[i].name != null)
{
if (document.forms[0].elements[i].name == name1)
{
if (document.forms[0].elements[i].value != wert)
document.forms[0].elements[i].checked=false;
}
}
}
}
function t1(name1)
{
for(i=18;i<34;i=i+3)
{
if(document.forms[0].elements[i].checked== true)
{
document.forms[0].elements[i+1].disabled=true;
document.forms[0].elements[i+2].disabled=true;
}
else
{
document.forms[0].elements[i+1].disabled=false;
document.forms[0].elements[i+2].disabled=false;
}
}
}
function t2(name1)
{
for(i=19;i<36;i=i+3)
{
if(document.forms[0].elements[i].checked== true)
{
document.forms[0].elements[i-1].disabled=true;
document.forms[0].elements[i+1].disabled=true;
}
else
{
document.forms[0].elements[i-1].disabled=false;
document.forms[0].elements[i+1].disabled=false;
}
}
}
function t3(name1)
{
for(i=20;i<36;i=i+3)
{
if(document.forms[0].elements[i].checked== true)
{
document.forms[0].elements[i-1].disabled=true;
document.forms[0].elements[i-2].disabled=true;
}
else
{
document.forms[0].elements[i-1].disabled=false;
document.forms[0].elements[i-2].disabled=false;
}
}
}
<span class="H5">
Es können maximal drei der nachfolgenden Modelle ausgewählt werden.<br>
Die von Ihnen ausgewählten Modelle versehen Sie bitte mit einer persönlichen Rangfolge.<br>
</span></b>
b>Rang <br>
1 2 3</b>
<input title="" type="checkbox" name="wahl1"
value="1" id="1"
onclick="test1(value,name)"
disabled style="background-color:buttonface;cursor:default;" />
<input title=""
type="checkbox"
name="wahl2"
value="1" id="2"
onclick="test1(value, name)"
disabled style="background-color:buttonface;cursor:default;" />
<input title=""
type="checkbox"
name="wahl3"
value="1" id="3"
onclick="test1(value, name)" disabled style="background-color:buttonface;cursor:default;"/>
<span class="H6">
Ich in an ... interessiert.<br>
<input title=""
type="checkbox"
name="wahl1"
value="2" id="4"
onclick="test1(value, name)"
disabled style="background-color:buttonface;cursor:default;"/>
<input title="" type="checkbox" name="wahl2" value="2" id="5"
onclick="test1(value, name)" disabled style="background-color:buttonface;cursor:default;"/>
<input title=""
type="checkbox" name="wahl3" value="2" id="6""
onclick="test1(value, name)"
disabled style="background-color:buttonface;cursor:default;"/>
<span class="H6">
Ich bin an der Inanspruchnahme von ... interessiert.
</span>
... usw