Forum » Client-Side scripting » Button show
Berichten: 85
avatar
Offline Stuur privebericht
Hallo,

Ik heb een vraagje. Hoe kan ik met jquery een button laten zien als mijn checkbox checked is?

Id van mijn checkbox: ja

Id van mijn button: veder

Alvast heel erg bedankt!
07-01-2012 01:05
Dit topic is 155 keer bekeken door 37 verschillende leden
Reacties op: "Button show"
1
Informatica Student
Berichten: 1406
avatar
Offline Stuur privébericht
Maak een click event voor de checkbox.
Kijk daarin of hij checked of niet checked is.
if checked, laat button showen...
07-01-2012 01:20
Berichten: 85
avatar
Offline Stuur privébericht
Zou u dit voor mij willen schrijven? Ik kan echt niks van jqury.

Alvast bedankt!
07-01-2012 01:24
Rapifia Europe
Berichten: 3719
avatar
Offline Stuur privébericht
Ik kan dit morgen wel ff gouw voor je maken (of morgen, over 10 uur als ik heb geslapen zegmaar).
07-01-2012 01:24
Informatica Student
Berichten: 1406
avatar
Offline Stuur privébericht
Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
$(document).ready( function() {
$(
checkbox).click(function() {
if(
this.is(':checked')) {
$(
button).show();
}
});
});


Volgende keer, doe een klein beetje moeite, niet alles zal zo 123 (gratis) gedaan worden
07-01-2012 01:27
Berichten: 85
avatar
Offline Stuur privébericht
Quote: BrokenTrack

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
$(document).ready( function() {
$(
checkbox).click(function() {
if(
this.is(':checked')) {
$(
button).show();
}
});
});


Volgende keer, doe een klein beetje moeite, niet alles zal zo 123 (gratis) gedaan worden


Sorry, het werkt helaas niet voor mij.

Ik heb al gezocht op Google, maar ik kon het niet vinden.
07-01-2012 01:38
NJMedia
Berichten: 1146
avatar
Offline Stuur privébericht
@strafeness,

Je moet wel je eigen waardes toevoegen en in een <script> tag zetten.`
07-01-2012 13:00
Rapifia Europe
Berichten: 3719
avatar
Offline Stuur privébericht
@Brokentrack,
Jouw methode werkt niet als een ander script de checkbox veranderd, of als je dat met een toetsenbord doet / als hij al gecheckt staat. Om veel extra code te voorkomen en extra bandwidth te verspillen werkt een setInterval() nog altijd het beste.

@TS,
Zorg ervoor dat je jQuery hebt geencluded voor je onderstaand script plaatst.

Code | Selecteer Alles
minimaliseren
1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
    $(function(){
        
setInterval(function() {
            if($(
"#ja").attr("checked") == true){ // Is checkbox met id ja gecheckt?
                
$("#verder").fadeIn(1000); // Verander de waarde 1000 om het infaden langer/korter te laten duren (milisecondes). 
            
} else{ // De checkbox is niet gecheckt
                
$("#verder").fadeOut(1000); // Verander de waarde 1000 om het uitfaden langer/korter te laten duren (milisecondes).
            
}
        }, 
100); // Verander de waarde 100 lager om vaker te controleren (nu 10 x per seconde) of hoger om minder vaak te controleren (milisecondes).
    
});
</script>


Ik neem aan dat veder een typfout was en verder moest zijn?

Het zou hiermee moeten werken.
07-01-2012 13:37
Berichten: 85
avatar
Offline Stuur privébericht
L.Groot, heel erg bedankt.
07-01-2012 16:05
Rapifia Europe
Berichten: 3719
avatar
Offline Stuur privébericht
@TS,
Graag gedaan.
07-01-2012 16:24
Informatica Student
Berichten: 1406
avatar
Offline Stuur privébericht
@L.Groot, mijn fout, gebruik je change() ipv click().

Desnoods doe je live('change', function() {});

Nu verspil je processor gebruik voor niks...
07-01-2012 18:11
Reageer op: "Button show"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden