Checkbox aangevinkt, tekstveld wordt enabled

[Verwijderd]

Beste webdesigners op GOT.

Omdat mijn kennis van javascript -nog- niet zo groot is, heb ik een vraag over javascript.

Ik heb een formulier op mijn site staan. Daar is het straks de bedoeling dat als je een checkbox aanvinkt, het tekstvak erachter beschikbaar wordt. Welke dus op disabled stond. En ook als de checkbox weer uit staat moet het tekstveld weer gedisabled worden.

Weet iemand hier een simpel javascriptje voor ?

Hier nog het stukje formulier wat ik bedoel

code:

<input type="checkbox" name="check" onCheck="javascript:weetikniet">
<input type="text" name="tekstvak" DISABLED>

[RM-rf]

oncheck is volgens mij geen echt event (alhoewel misschien ms' proprietair)

waarschijnlijk is het nuttiger om onclick te gebruiken,
verder hoef je in een event (onblah) nooit javascript: te gebruiken als protocol, dat is het al automatisch

iets als

code:

onclick="this.form.elements['tekstvak'].disabled = this.checked"

[SchizoDuckie]

Verwijderd schreef op 05 juli 2004 @ 15:58:

Sorry hoor, maar je kennis wordt hier wel verwacht íets groter te zijn. _{dacht ik}

Zoek voor de grap eens op:

• Document Object Model
• DHTML Forms tutorial
• checkbox enable Form Element javascript
• MSDN DHTML Reference

Suc6

[ Voor 60% gewijzigd door SchizoDuckie op 05-07-2004 16:04 ]

[Verwijderd]

onclick="this.form.elements['tekstvak'].disabled = !this.checked"

Die ! moet er dus wel tussen staan

[ Voor 33% gewijzigd door Verwijderd op 05-07-2004 16:03 ]

[BtM909]

hints:

• onCheck -> onclick
• onclick is al een JavaScript handle, dus extra javascript: toevoegen hoeft niet
• maak een nieuwe functie aan, waarnaar je verwijst in je onclick
• geef aan je functie de checked-state van je checkbox mee (this.checked)
• checked kan true of false zijn, dus hebben we een if-statement nodig
• if (checked == true) { disable tekstvak }
• else {enable tekstvak }

Met bovenstaande zoektermen in een willekeurige tutorial moet je al heel ver komen (leer je ook nog eens wat )


_{hoezo spuit 110033}

[ Voor 4% gewijzigd door BtM909 op 05-07-2004 16:03 ]

[Verwijderd]

Tot zover bedankt Ik zal het gaan proberen

Update:

onclick="this.form.elements['tekstvak'].disabled = !this.checked"

Nu kom ik erachter dat deze code de ene keer werkt en de andere keer niet.

code:

<input type="checkbox" onclick="this.form.elements['tekstvak'].disabled = !this.checked">
<input type="tekstvak" name="tekstvak" DISBABLED>

Zo werkt het dus wel Als hij standaard maar op disabled staat.

[ Voor 137% gewijzigd door Verwijderd op 05-07-2004 16:44 ]