Forum PHP.pl > automatyczne przełączanie radiobuttona

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: automatyczne przełączanie radiobuttona

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

muumiin

24.09.2014, 19:07:16

Czy da się napisać skrypt, który automatycznie, np. co 3 sekundy zmienia zaznaczenie radiobuttona? Najpierw opcja1, potem opcja2 itd, a na końcu znowu opcja1?

Jeśli się da, mógłby ktoś napisać mi taki skrypt? Niestety niewiele mam pojęcia o js, dopiero zaczynam się uczyć pisania stron i ledwie ogarniam html & css

trueblue

24.09.2014, 19:17:36

W temacie o galerii podałem Ci link do galerii przełączanej bez użycia JS, ale Ty zakładasz kolejny temat dotyczący przełączania zamiast skorzystać z Google.
[javascript cycle click radio buttons]
Pierwszy link: http://stackoverflow.com/questions/2347532...op-continuously

muumiin

24.09.2014, 19:48:26

Korzystałam z google przez kilka godzin, ale nie jest to takie proste, gdy się nie jest w temacie. Poza tym chciałam tylko kilka linijek tekstu w odpowiedzi, bo tych skomplikowanych (dla mnie) kodów nie rozumiem...

Znalazłam wreszcie coś i przerobiłam:

function sliderright() {
if (document.getElementById('right1').checked) { document.getElementById('right2').checked = true;}
else if (document.getElementById('right2').checked) { document.getElementById('right3').checked = true;}
else if (document.getElementById('right3').checked) { document.getElementById('right4').checked = true;}
else if (document.getElementById('right4').checked) { document.getElementById('right1').checked = true;}
}

setInterval (sliderright, 3000);

kazmij

24.09.2014, 20:55:43

Ja bym to zrobił tak:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="UTF-8">
 
        <title>KzCms</title>
 
 
        <script>
            var interval = null, selectedID = 0;
 
            var changeSelect = function() {
                var elements = document.getElementsByClassName('radio');
                for (var i = 0; i < elements.length; i++) {
                    //console.log(selectedID);
                    if (i === selectedID) {
                        elements[i].setAttribute('checked', true);
                    } else {
                        elements[i].removeAttribute('checked');
                    }
                }
                selectedID++;
                if (selectedID >= elements.length) {
                    selectedID = 0;
                }
            }
            window.onload = function() {
                interval = setInterval(function() {
                    changeSelect();
                }, 500);
            }
        </script>
    </head>
    <body>
 
        <input type="radio" name="radiob" class="radio" value="1"  />
        <input type="radio" name="radiob" class="radio" value="2"  />
        <input type="radio" name="radiob" class="radio" value="3"  />
    </body>
</html>
[HTML] pobierz, plaintext

ten kod zadziała. Sprawdzałem w przeglądarce. Sam napisałem

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.