Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

check radiobutton door op een image te klikken.

dropkick
2 antwoorden
  • Beste leden,

    Ik zit met een klein probleempje.

    In een formulier wil ik graag boven de radiobutton een image hebben.
    Deze heb ik nu in de label (van de radiobutton) gezet als background. Het is de bedoeling dat de checkbox geselecteerd wordt als je op de image klikt…
    Ik krijg het alleen niet voor elkaar :S
    Iemand een idee?

    [code:1:8ada4eae5f]
    <div class="select">
    <label for="radiobutton" style="background-image:url(images/elements/image.png); width:95px; height:119px;"></label><br />
    <input type="radio" name="pc" value="radiobutton" onClick="form.action = '/default.aspx?location=pccheck';" />
    </div>
    [/code:1:8ada4eae5f]

    css:

    [code:1:8ada4eae5f]
    label {
    display:inline-block;
    cursor:pointer;
    cursor:hand;
    }
    [/code:1:8ada4eae5f]
  • als je de input een id geeft met dezelfde naam als het for-attribuut van het label, dan werkt het.
    Overigens snap ik niet waarom je de inline-style gebruikt i.c.m. aparte CSS. Ik zou denk ik zelfs de image er gewoon met <img> inzetten.

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.