Avatar billede kraghjensen Nybegynder
29. marts 2006 - 11:33 Der er 7 kommentarer

checkbox afhængig af anden checkbox

Jeg har disse valgmuligheder:

<table border="0" id="table2" cellpadding="0" style="border-collapse: collapse" width="342">
            <tr>
                <td><font face="Verdana"><input type="checkbox" name="Togbus" value="ON"><font size="2">Tog/bus</font></font></td>
                <td><font face="Verdana"><input type="checkbox" name="fly" value="ON"><font size="2">Fly</font></font></td>
                <td><font face="Verdana"><input type="checkbox" name="skolens_bil" value="ON"><font size="2">Skolens
                bil</font></font></td>
            </tr>
            <tr>
                <td><font face="Verdana"><input type="checkbox" name="eget_koretoj" value="ON"><font size="2">Eget
                køretøj</font></font></td>
                <td><font face="Verdana"><input type="checkbox" name="transport_intet" value="ON"><font size="2">Intet</font></td>
                <td>&nbsp;</td>
            </tr>
        </table>

Jeg vil gerne at, hvis man vælger checkbox'en "Tog/Bus" el. "Fly" el. "Skolens bil" har brugeren ikke mulighed for at vælge "Eget køretøj"
Avatar billede hr__hallandsen Nybegynder
29. marts 2006 - 15:22 #1
Kan du bruge det her?

    <script type="text/javascript">
    function check(){
        var f = document.forms[0];
        document.getElementById("eget_koretoj").disabled = f.elements[0].checked || f.elements[1].checked || f.elements[2].checked;
    }
    </script>
    <table border="0" id="table2" cellpadding="0" style="border-collapse: collapse" width="342">
        <form>
            <tr>
                <td><font face="Verdana"><input type="checkbox" name="Togbus" value="ON" onclick="check();"><font size="2">Tog/bus</font></font></td>
                <td><font face="Verdana"><input type="checkbox" name="fly" value="ON" onclick="check();"><font size="2">Fly</font></font></td>
                <td><font face="Verdana"><input type="checkbox" name="skolens_bil" value="ON" onclick="check();"><font size="2">Skolens
                bil</font></font></td>
            </tr>
            <tr>
                <td><font face="Verdana"><input type="checkbox" name="eget_koretoj" id="eget_koretoj" value="ON"><font size="2">Eget
                køretøj</font></font></td>
                <td><font face="Verdana"><input type="checkbox" name="transport_intet" value="ON"><font size="2">Intet</font></td>
                <td>&nbsp;</td>
            </tr>
        </form>
    </table>
Avatar billede hr__hallandsen Nybegynder
29. marts 2006 - 15:56 #2
Hvis du vil have funktionen til at fylde lidt mindre ...

    <script type="text/javascript">
    function check(){
        var e = document.forms[0].elements;
        document.getElementById("eget_koretoj").disabled = e[0].checked || e[1].checked || e[2].checked;
    }
    </script>
Avatar billede roenving Novice
29. marts 2006 - 20:11 #3
-- og endnu bedre:

<form>

...

<!-- tabel udeladt for overskuelighed -->

<input name="Togbus" type="checkbox" onclick="return check(this)"><br>
<input name="fly" type="checkbox" onclick="return check(this)"><br>
<input name="skolens_bil" type="checkbox" onclick="return check(this)"><br>
<input name="eget_koretoj" type="checkbox" onclick="return check(this)"><br>

...

</form>

<script type="text/javascript">
function check(elm){
  var e = elm.form.elements;
  if(elm.name == "eget_koretoj")
    e["Togbus"].disabled = e["fly"].disabled = e["skolens_bil"].disabled = elm.checked;
  else
    e["eget_koretoj"].disabled = e["Togbus"].checked || e["fly"].checked || e["skolens_bil"].checked ;
}
</script>
Avatar billede kraghjensen Nybegynder
31. marts 2006 - 14:43 #4
Hvis man først afkrydser "Eget køretøj" og derefter afkrydser evt. Tog/Bus kan man så ikke fjerne krydset i "Eget køretøj"
Avatar billede roenving Novice
31. marts 2006 - 16:13 #5
En af grundene til, at jeg gjorde som jeg gjorde i mit eksempel !-)
Avatar billede kraghjensen Nybegynder
31. marts 2006 - 17:28 #6
Ok - jeg formuleret mig ikke lige korrekt.

Hvis man først afkrydser Eget køretøj og derefter evt. Tog/bus skal afkrydsningen fjernes fra Eget køretøj automatisk.
Avatar billede roenving Novice
31. marts 2006 - 17:39 #7
Det kan du slet ikke i mit eksempel !o]
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