Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > JavaScript

Maar een optie kunnen selecteren in formulier

JLT - 14/07/2010 12:38
PHP interesse		Dag allemaal! Ik heb een formulier met daarin 2 checkboxes, 2 dropdowns en 1 invulveld. Nu wil ik eigenlijk dat bezoekers slechts een optie kunnen aanvinken. Dus of een optie uit het dropdownmenu, of één checkbox enz... Is zoiets mogelijk? Grt. jelte

5 antwoorden

Gesponsorde links

Abbas - 14/07/2010 12:47
Crew .NET		Ja, vanaf dat de gebruiker een optie heeft gekozen moet je in een event zorgen dat alle andere controls disbaled zijn.

JLT - 14/07/2010 13:46
PHP interesse		Hoi Titjes, bedankt voor de snelle reply. Ik werk niet veel met Javascript zou je een voorbeeldje kunnen geven of een link? Ik heb al even gegoogled en vind daar veel tuts over het aan en uit zetten van form elementen maar ik wil de andere opties alleen uit hebben als er 1 is geselecteerd. Hopelijk kan je mij verder helpen! Thanks!

Raze - 15/07/2010 00:00
PHP beginner		heel eenvoudig: alle elementen een id geven en in een array gooien, en dan via een javascriptje alle elementen op disabled='disabled' zetten wanneer er een event is uitgevoerd. Opgelet: er kan dan wel niéts meer gewijzigd worden.

JLT - 15/07/2010 11:21
PHP interesse		Hoi Raze. Zoiets dacht ik ook al. Maar heb je iets van een voorbeeld code? Ik ben echt een Javascript ramp!

shamrock - 15/07/2010 18:57 (laatste wijziging 15/07/2010 19:32)

Lid

je zou ook het systeem van een radio button kunnen gebruiken (niet de radiobutton maar de manier van omschakelen)

als je een optie uit het dropdown menu kiest wordt de gekozen checkbox weer leeg, kies je daarna een radiobutton wordt het dropdown weer leeg etc...

Ik heb hier een stukje code (ben niet goed in javascript dus het zal wel niet zo goed zijn als dat andere het hier kunnen maar kijk maar of je er wat aan hebt)

html4strict code - Bekijk de code zonder highlighting - Klap code in

<script language="javascript">
function update(naam,type)
{	
	if(type == 'dropdown')
	{
		var selected = document.getElementById(naam).selectedIndex;
	}
	if(type == 'tekstfield')
	{
		var selected = document.getElementById(naam).value;
	}
	document.getElementById('checkbox1').checked = false;
	document.getElementById('checkbox2').checked = false;
	document.getElementById('dropdown1').selectedIndex = 0;
	document.getElementById('dropdown2').selectedIndex = 0;
	document.getElementById('tekstfield1').value = "";
	
	if(type == 'checkbox')
	{
	document.getElementById(naam).checked = true;
	}
	if(type == 'dropdown')
	{
	document.getElementById(naam).selectedIndex = selected;
	}
	if(type == 'tekstfield')
	{
	document.getElementById(naam).value = selected;
	}

}
</script>
<label>
  <input type="checkbox" name="checkbox1" id="checkbox1" onchange="update('checkbox1','checkbox');"/>
</label>
<BR />
<label>
  <input type="checkbox" name="checkbox2" id="checkbox2" onchange="update('checkbox2','checkbox');"/>
</label>
<BR />
<BR />
<label>
  <select name="dropdown1" id="dropdown1" onchange="update('dropdown1','dropdown');">
  <option value=""></option>
  <option value="1">Een</option>
  <option value="2">Twee</option>
  </select>
</label>
<BR />
<BR />
<label>
  <select name="dropdown2" id="dropdown2" onchange="update('dropdown2','dropdown');">
  <option value=""></option>
  <option value="1">Een</option>
  <option value="2">Twee</option>
  </select>
</label>
<BR />
<BR />
<input name="tekstfield1" id="tekstfield1" type="text" onClick="update('tekstfield1','tekstfield');"/>

<script language="javascript">
function update(naam,type)
{	
	if(type == 'dropdown')
	{
		var selected = document.getElementById(naam).selectedIndex;
	}
	if(type == 'tekstfield')
	{
		var selected = document.getElementById(naam).value;
	}
	document.getElementById('checkbox1').checked = false;
	document.getElementById('checkbox2').checked = false;
	document.getElementById('dropdown1').selectedIndex = 0;
	document.getElementById('dropdown2').selectedIndex = 0;
	document.getElementById('tekstfield1').value = "";
 
	if(type == 'checkbox')
	{
	document.getElementById(naam).checked = true;
	}
	if(type == 'dropdown')
	{
	document.getElementById(naam).selectedIndex = selected;
	}
	if(type == 'tekstfield')
	{
	document.getElementById(naam).value = selected;
	}
 
}
</script>
<label>
  <input type="checkbox" name="checkbox1" id="checkbox1" onchange="update('checkbox1','checkbox');"/>
</label>
<BR />
<label>
  <input type="checkbox" name="checkbox2" id="checkbox2" onchange="update('checkbox2','checkbox');"/>
</label>
<BR />
<BR />
<label>
  <select name="dropdown1" id="dropdown1" onchange="update('dropdown1','dropdown');">
  <option value=""></option>
  <option value="1">Een</option>
  <option value="2">Twee</option>
  </select>
</label>
<BR />
<BR />
<label>
  <select name="dropdown2" id="dropdown2" onchange="update('dropdown2','dropdown');">
  <option value=""></option>
  <option value="1">Een</option>
  <option value="2">Twee</option>
  </select>
</label>
<BR />
<BR />
<input name="tekstfield1" id="tekstfield1" type="text" onClick="update('tekstfield1','tekstfield');"/>

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten