Avatar billede lund_dk Praktikant
15. marts 2005 - 20:08 Der er 4 kommentarer og
1 løsning

Tjekbokse og inputfelter

Hello.

Nu skal i høre, jeg har brug for lidt hjælp, da jeg ikke selv er inde i javascript.

Først koden:
<!-----------------------KODE------------------>
<input type="checkbox" name="Sprog" value="DK"><br
<input type="text" name="NavnDK" size="20" class="input"><br>
<input type="text" name="BeskrivelseDK" size="20" class="input"><br>
<br>
<input type="checkbox" name="Sprog" value="UK"><br
<input type="text" name="NavnUK" size="20" class="input"><br>
<input type="text" name="BeskrivelseUK" size="20" class="input"><br>
<!-----------------------KODE SLUT------------------>

Det jeg vil, er så
Hvis checkbox DK IKKE er checked skal NavnDK og BeskrivelseDK være disabled, og er DK checkbox checked skal de så ikke være disablet.
og samme historie med UK og DE osv, (har en del sprog)

Udover det, kræves det at mindst en checkbox er checked, førsøges alle checkbokse at ikke være checked skal der så komme en Alert besked.

Nogen som kan hjælpe mig med dette.. ?
Avatar billede loevgaard Praktikant
15. marts 2005 - 21:13 #1
<input id="test" type="checkbox" onclick="hej();">
<input id="test2" type="checkbox">

function hej() {
if(document.getElementById('test').checked) {
document.getElementById('test2').disabled='true';
} else {
document.getElementById('test2').disabled='false';
}
}

Noget i den dur tror jeg :)
Avatar billede lund_dk Praktikant
15. marts 2005 - 21:38 #2
Jeps, men disable virker bare ikke ordenligt
Avatar billede roenving Novice
16. marts 2005 - 22:01 #3
-- bemærk, at jeg har brugt radios !-)

<form>
<input type="radio" name="Sprog" value="DK" onclick="enableNames(this)"><br>
<input type="text" name="NavnDK" size="20" class="input" disabled="disabled"><br>
<input type="text" name="BeskrivelseDK" size="20" class="input" disabled="disabled"><br>
<br>
<input type="radio" name="Sprog" value="UK" onclick="enableNames(this)"><br>
<input type="text" name="NavnUK" size="20" class="input" disabled="disabled"><br>
<input type="text" name="BeskrivelseUK" size="20" class="input" disabled="disabled"><br>
</form>

<script type="text/javascript">
function enableNames(elm){
  var f = elm.form;
  var e = f.elements;
  for(i=0;e.length>i;i++)
    if(e[i].name.indexOf('Navn')==0||e[i].name.indexOf('Beskrivelse')==0){
      e[i].disabled = true;
      e[i].value = "";
    }
  e['Navn'+elm.value].disabled = false;
  e['Beskrivelse'+elm.value].disabled = false;
}
</script>
Avatar billede lund_dk Praktikant
16. marts 2005 - 22:26 #4
roenving> Det duer desværre ikke. Da der skal være mulighed for at indsætte tekst i både DK og UK.
Avatar billede roenving Novice
16. marts 2005 - 22:32 #5
Den kunne jeg ikke forestille mig, hvorfor det ?-)

-- men ellers skal du bare fjerne hele for-løkken (og også ændre til checkboxe !-)

<script type="text/javascript">
function enableNames(elm){
  var e = elm.form.elements;
  e['Navn'+elm.value].disabled = !elm.checked;
  e['Beskrivelse'+elm.value].disabled = !elm.checked;
}
</script>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester