Søg
Avatar billede dmg Nybegynder
27. marts 2004 - 11:54 Der er 5 kommentarer og
1 løsning

if checkbox = checked then fade textbox

Hej eksperter.

Jeg kender intet til javascript, men tror jeg er tvunget til at bruge det nu.

I nedenstående kode, har jeg lavet en almindelig form, med en checkbox og en textbox.

Hvis man har afkrydset checkboxen, skal man ikke kunne skrive noget i textboxen.

Håber i kan hjælpe :-)

<tr>
                  <td><p>Afhentning i reception<br>
                      <span class="style1">Undlad hvis nedenst&aring;ende felt udfyldes</span> <br>
                  </p>                  </td>
                  <td><p>

                      <input name="Afhenting_recep" type="checkbox">
                    </p>
                    </td>
                </tr>
                <tr>
                  <td>Leveres til kontor<br>
                    <span class="style1">Undlad hvis ovenst&aring;ende felt udfyldes</span> </td>
                  <td><input type="text" name="Leveret_til" value=""/></td>
                </tr>
Avatar billede hansdam Nybegynder
27. marts 2004 - 12:10 #1
Prøv denne:
-----------------------------------
<script>
        function checkbox(f) {
        if (f.checked == false) {
        f.checked=true;
        f.Leveret_til.disabled=true;
        return false;
        } else {
        f.checked=false;
        f.Leveret_til.disabled=false;       
        return false;
        }
        }
</script>
<form action="xx.htm" name="form1" method="post">
<tr>
    <td>
        <p>Afhentning i reception<br>
        <span class="style1">Undlad hvis nedenst&aring;ende felt udfyldes</span> <br>
    </td>
    <td>
        <p>
            <input onchange="checkbox(this.form);" name="Afhenting_recep" type="checkbox">
        </p>
    </td>
</tr>
<tr>
    <td>   
        Leveres til kontor<br>
        <span class="style1">Undlad hvis ovenst&aring;ende felt udfyldes</span>
    </td>
    <td>
        <input type="text" disabled name="Leveret_til" value=""/>
    </td>
</tr>
</form>
--------------------------------
/Hans
Avatar billede dmg Nybegynder
27. marts 2004 - 12:30 #2
hhhm... kan ik få den til at virke. Jeg er heller ik god til javascript.

Skal det ik starte sådan her:

<script language="JavaScript">???

Hele min kode ser således ud nu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<script language="JavaScript">


        function checkbox(f) {
        if (f.checked == false) {
        f.checked=true;
        f.Leveret_til.disabled=true;
        return false;
        } else {
        f.checked=false;
        f.Leveret_til.disabled=false;       
        return false;
        }
        }
</script>
<form action="xx.htm" name="form1" method="post">
<table border="2">
<tr>
    <td>
        <p>Afhentning i reception<br>
        <span class="style1">Undlad hvis nedenst&aring;ende felt udfyldes</span> <br>
    </td>
    <td>
        <p>
            <input onchange="checkbox(this.form);" name="Afhenting_recep" type="checkbox">
        </p>
    </td>
</tr>
<tr>
    <td>   
        Leveres til kontor<br>
        <span class="style1">Undlad hvis ovenst&aring;ende felt udfyldes</span>
    </td>
    <td>
        <input type="text" disabled name="Leveret_til" value=""/>
    </td>
</tr>
</table>
</form>

</body>
</html>
Avatar billede dmg Nybegynder
27. marts 2004 - 12:33 #3
hov vent... det virker fint. Man kan godt skrive i textboxen, hvis checkboxen ik er affrydset, men det skal jo være lige omvendt.

Hvis checkboxen er afkrydset, skal man ik kunne skrive i den
Avatar billede hansdam Nybegynder
27. marts 2004 - 13:44 #4
Oops... havde lige overset det... Prøv denne:
---------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">


        function checkbox(f) {
        if (f.checked == false) {
        f.checked=true;
        f.Leveret_til.disabled=false;
        return false;
        } else {
        f.checked=false;
        f.Leveret_til.disabled=true;       
        return false;
        }
        }
</script>
</head>

<body>
<form action="xx.htm" name="form1" method="post">
<table border="2">
<tr>
    <td>
        <p>Afhentning i reception<br>
        <span class="style1">Undlad hvis nedenst&aring;ende felt udfyldes</span> <br>
    </td>
    <td>
        <p>
            <input onchange="checkbox(this.form);" name="Afhenting_recep" type="checkbox">
        </p>
    </td>
</tr>
<tr>
    <td>   
        Leveres til kontor<br>
        <span class="style1">Undlad hvis ovenst&aring;ende felt udfyldes</span>
    </td>
    <td>
        <input type="text" disabled name="Leveret_til" value=""/>
    </td>
</tr>
</table>
</form>

</body>
</html>
-------------------------------
/Hans
Avatar billede hansdam Nybegynder
27. marts 2004 - 13:46 #5
Hov, du skal lige fjerne disabled i din text input felt... Altså:
<input type="text" disabled name="Leveret_til" value=""/>

til dette:
<input type="text" name="Leveret_til" value=""/>

/Hans
Avatar billede dmg Nybegynder
27. marts 2004 - 13:50 #6
Yes, så virker det :-) tak for hjælpen
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 03/05/202613:59
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
I går 10:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »