Automatisk flyt til næste radiogruppe ved bestemt taste
Jeg har en brugerside, hvor der skal foretages mange indtastninger i form af valg af radio.radiogruppe 1 består af 5 knapper
radiogruppe 2 består af 5 knapper
etc.
Jeg er kommet så langt at den første radioknap er markeret, men at udfylde resten via tasttrykke fra 1 til 5 volder problemer, samtidg med at fokus skal flyttes til næste radiogruppe osv.
Så når Række 1 med første radio (name= var_1 value = 1) er markeret fra start og brugeren trykker på tallet 3 på tastaturet, så skal den midterste radio i Række 1 markeres (name = var_1 value = 3) være valgt og næste tal brugeren trykker skal markeres i Række 2 osv osv.
Håber det er til at forstå!
??:-)karsten_larsen
Her følger min kode:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function marking(f,radio_name,radio_value) {
for(i=0;i<f.elements.length;i++) {
if(f.elements[i].type=="radio" && f.elements[i].name==radio_name && f.elements[i].value==radio_value)
f.elements[i].checked=true;
}
}
function test() {
marking(document.f,'var_1',"1");
}
function valider(f) {
for (i = 0; i < f.elements.length; i++) {
if (f.elements[i].type == "radio" && f.elements[i].value=="1") {
document.f,"var_"[i].focus();
return false;
}
if (f.elements[i].type == "radio" && f.elements[i].value=="2") {
document.f,"var_"[i].focus();
return false;
}
if (f.elements[i].type == "radio" && f.elements[i].value=="3") {
document.f,"var_"[i].focus();
return false;
}
if (f.elements[i].type == "radio" && f.elements[i].value=="4") {
document.f,"var_"[i].focus();
return false;
}
if (f.elements[i].type == "radio" && f.elements[i].value=="5") {
document.f,"var_"[i].focus();
return false;
}
}
return true;
}
//-->
</SCRIPT>
</HEAD>
<body onload="test()" onkeypress=valider()>
<form name="f" method="post" action="kode_radio.asp" >
Række 1<br>
<input name="var_1" type="radio" value="1">
<input name="var_1" type="radio" value="2">
<input name="var_1" type="radio" value="3">
<input name="var_1" type="radio" value="4">
<input name="var_1" type="radio" value="5">
<br>
<br>
Række 2<br>
<input name="var_2" type="radio" value="1">
<input name="var_2" type="radio" value="2">
<input name="var_2" type="radio" value="3">
<input name="var_2" type="radio" value="4">
<input name="var_2" type="radio" value="5">
<br>
<br>
Række 3<br>
<input name="var_3" type="radio" value="1">
<input name="var_3" type="radio" value="2">
<input name="var_3" type="radio" value="3">
<input name="var_3" type="radio" value="4">
<input name="var_3" type="radio" value="5">
<br>
<br>
Række 4 <br>
<input name="var_4" type="radio" value="1">
<input name="var_4" type="radio" value="2">
<input name="var_4" type="radio" value="3">
<input name="var_4" type="radio" value="4">
<input name="var_4" type="radio" value="5">
<br>
<br>
Række 5<br>
<input name="var_5" type="radio" value="1">
<input name="var_5" type="radio" value="2">
<input name="var_5" type="radio" value="3">
<input name="var_5" type="radio" value="4">
<input name="var_5" type="radio" value="5">
<br>
<input name="Send" type="submit" value="Send">
</form>
</BODY>
</HTML>
