login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Button klikbaar maken als checkbox is aangevinkt (Opgelost)

Offline ikki007 - 23/08/2007 20:52
Avatar van ikki007Gouden medailleGouden medaille

PHP ver gevorderde		 Hey,

Ikzelf ben absoluut niet thuis in javascript maar moet voor een klant toch een stukje javascript toepassen.
Ik heb een checkbox en button, nu moet die button pas klikbaar zijn als die checkbox is aangevinkt.

Hoe ga ik dit doen?

Gr,
Jarno

6 antwoorden

Gesponsorde links
Offline vinTage - 23/08/2007 21:04 (laatste wijziging 23/08/2007 21:17)
Avatar van vinTage Nieuw lid Ik ging dat ff proberen, en het werkte nog ook 

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="application/javascript">
  2. activeer = function(){
  3.     document.getElementById("knop").disabled = 0
  4. }
  5. </script>
  6.  
  7. <input type="checkbox" onclick="activeer()">
  8. <input id="knop" type="button" disabled value="knopje" />



update: Nu gaat de button ook weer uit als je de checkbox niet meer selecteerde
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="application/javascript">
  2. activeer = function(){
  3.    if(document.getElementById("checker").checked ){
  4.        document.getElementById("knop").disabled = 0;
  5. 	 }else{
  6.        document.getElementById("knop").disabled = 1;
  7. 	 }
  8. }
  9. </script>
  10.  
  11. <input id="checker" type="checkbox"  onclick="activeer()" value="aan">
  12. <input id="knop" type="button" disabled value="knopje" />
Offline ikki007 - 23/08/2007 21:20
Avatar van ikki007 Gouden medailleGouden medaille

PHP ver gevorderde		 Ik ben je eeuwig dankbaar vinTage  
Offline vinTage - 23/08/2007 21:22
Avatar van vinTage Nieuw lid tss, wat is er mis met een biertje, daar heb ik meer aan 
Offline ikki007 - 27/08/2007 10:56
Avatar van ikki007 Gouden medailleGouden medaille

PHP ver gevorderde		 Hmm..

Maar het werkt niet in internet explorer (7)  
Offline BramBo - 28/08/2007 13:26
Avatar van BramBo JS gevorderde wat is je doctype? (xhtml dient disabled="disabled" te hebben)

verder is het geen application/javascript maar een text/javascript aangezien het een implementatie is van ecma in een text/html document.

en om je code verder wat in te korten:
(in je head ofc; of gebruik
php code - Bekijk de code zonder highlighting - Klap code in 
  1. /* <![CDATA[ */  
  2. /* ]]> */


script:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2.  
  3. var activeer = function(){
  4.    var knop = document.getElementById("knop");
  5.  
  6.    knop.disabled = (document.getElementById("checker").checked) ? false : true;
  7. }
  8. </script>
Offline ikki007 - 29/08/2007 20:24
Avatar van ikki007 Gouden medailleGouden medaille

PHP ver gevorderde		 Brambo hardstikke bedankt  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.204s