PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
C

Form veranderen bij vinkje

Door Cedric op 28-10-2007 13:58
1.394 views
Hey PHPHulpers,

Ik ben mij vandaag weer hard aan het vervelen en dan maak ik maar een contactformpje. Nu zou ik graag hebben dat ik een vinkje heb. Nu moeten er als ik het vinkje aanvink 2 velden in het form bijkomen, en als ik het dan weer uitzet moeten die velden weer weggaan. Ik denk dat dit met JS moet gebeuren maar ik heb absoluut geen idee.. Heeft iemand een opzetje a.u.b.? Ik ken namelijk niks van javascript.

Alvast bedankt,

Cedric
Jan Koehoorn
28-10-2007 14:03
Ik heb weleens zoiets gemaakt, maar dan met een radiobutton. Dat zou je een eindje op weg moeten helpen.
C
Cedric
28-10-2007 14:10
Bedankt, maar aangezien ik niks ken van JS toch nog een vraagje: moet ik hiermee heel mijn form opbouwen, dus al die vars aanmeken enzo? Of kan ik gewoon mijn form maken en dan enkel die JS gebruiken voor die checkbox? Het lukt namelijk niet echt..
Jan Koehoorn
28-10-2007 14:17
Ik denk dat de simpelste methode zou zijn: een div maken met display: none en dan zodra die ene checkbox aangevinkt wordt, de display van die div op dislay: block zetten.
C
Cedric
28-10-2007 14:20
Bedankt het is gelukt :) Dit lukte: 
<script language="javascript" type="text/javascript">
        var _check1, extra;
        window.onload = init;
        
        function init () {
            _check1 = new getObj ('check1');
            _extra = new getObj ('extra');
            
            _check1.obj.onclick = make_visible;
        }
        
        function make_visible () {
            _extra.obj.className = 'visible';
			_check1.obj.onclick = make_invisible;
        }
        function make_invisible () {
            _extra.obj.className = 'invisible';
			_check1.obj.onclick = make_visible;
        }
    </script>

Ik versta het script nu een beetje beter en kan het nu wel aanpassen :) Thx!
C
Cedric
28-10-2007 14:39
Die is nogal serieus korter :P Hartelijk bedankt, Jan !
K
Kevin Tuns
28-10-2007 15:32
ik vraag me alleen af of de input blijft bestaan als je het vinkje weer weghaalt?
Jan Koehoorn
28-10-2007 15:33
In deze opzet wel. Je moet dus in je script checken of het tweede vinkje aangevinkt was en anders de meegezonden waarden van de tekstinputs negeren.

Reageren

Inloggen om te reageren