Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Jak zrobić Input checkbox jako obrazek
Forum PHP.pl > Forum > Przedszkole
Agape
Witam. Wie ktos moze jak zrobic z obrazka input checkbox tak zeby dzialalo w kazdej przegladarce? Mecze sie z
  1. background: url("...") no-repeat

ale to prawidlowo dziala tylko na operze ;/
Pawel_W
zazwyczaj robi się to za pomocą javascript - polecam jeden z pluginów jquery niceforms
Agape
slabo ;/ nie da sie bez js ? ale dzięki za plugin, sprawdze go.

Znalazłem ciekawszy sposób jako, że potrzebny mi był tylko radiobox a reszta miała zostać podczepiłem jquery, ukryłem radio i podstawiłem fałszywego radio ktory go udaje (wizualnie)

Kod
var wcisniete=false;
$(document).ready(function() {
    $('#wycena_checkbox').click(function() {
        if(wcisniete==false){
            $("#wycena_prawdziwy_checkbox").attr('checked', true);
            $("#wycena_checkbox").css('background', 'url("images/wycena_checkbox_checked.png")');
            wcisniete=true;                
        }else if(wcisniete == true){
            $("#wycena_prawdziwy_checkbox").attr('checked', false);
            $("#wycena_checkbox").css('background', 'url("images/wycena_checkbox.png")');
            wcisniete=false;
        }
        
    })
})
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.