Toon posts:

[JavaScript] autocheck checkbox na invullen textfield

Pagina: 1
Acties:
  • 112 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
Het volgende is het geval.

ik heb een applicatie waarin mensen een pagina hebben waarin ze een aantal textfields hebben die ze wel dan niet kunnen invullen om aan te geven welke interne producten ze willen bestellen. Nu dienen ze bij elke ingevulde regel een checkbox aanvinken welke aangeeft dat ze het betreffende product ook daadwerkelijk direct willen ontvangen.

In de meeste gevallen willen ze inderdaad alle regels die ze hebben ingevuld direct ontvangen dus is er de vraag of het mogelijk is om automatisch een checkbox te checken nadat er een text in het bijbehorende veld is ingevuld. Volgens mij moet dit door middel van een javascript makkelijk op te lossen zijn. Heeft iemand een idee of voorbeeld van een dergelijk script.

Alle checkboxen direct vanaf het begin checken is geen optie omdat dan een aantal checkbox waarden worden verzonden zonder de bijbehorende regel waarden.

Iemand een idee?

Groet,
Suntac

  • Borizz
  • Registratie: Maart 2005
  • Laatst online: 02-01 15:55
Dit is prima te realiseren, ik krijg alleen niet het idee dat je er zelf al naar gezocht hebt. Er is namelijk genoeg over te vinden op internet en hier op GoT. Om je toch een beetje in de richting te helpen:

Zorg ervoor dat onfocus van een tekstveld (als je het veld aanklikt) de eigenschap checked van de bijbehorende checkbox de waarde true krijgt. De bijbehorende checkbox kun je met behulp van document.getElementById opvragen.

De schuingedrukte woorden zijn allemaal termen waar je op kan zoeken in combinatie met javascript.

If I can't fix it, it ain't broken.


  • whoami
  • Registratie: December 2000
  • Laatst online: 13:16
P&W -> W&G
javascript == w&g.
zie de forumdescr.

https://fgheysels.github.io/


  • Minos111
  • Registratie: Augustus 2002
  • Laatst online: 05-03-2012
waarom zou je dit uberhaupt willen? Als de gebruiker een artikel invult dan kun je er toch vanuit gaat dat hij dat artikel ook daadwerkelijk wil hebben?

Anyways, zoek eens op onblur() i.c.m. een validatie op content.

Verwijderd

Dit is inderdaad op te lossen een heel simpel stukje javascript.
Bij de betreffende input:text kun je bij het onKeyUp event waarschijnlijk ook het onBlur event een javascript funtie aanroepen, die het id van de textbox meegeeft en die van de checkbox.

Die functie kan er zo uit zien:

JavaScript:
1
2
3
4
5
6
7
function checkCheckbox(textboxId, checkboxId){
     if (document.getElementById(textboxId).value != ''){
          document.getElementById(checkboxId).checked = true
     } else {
          document.getElementById(checkboxId).checked = false
     }
}