Forum PHP.pl > [JavaScript]jQuery wykrycie kliknięcia radio.

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]jQuery wykrycie kliknięcia radio.

Mike122

7.12.2009, 22:52:49

Wiele tematów w google jednak żadnego dobrego rozwiązania.. Może ktoś tutaj znajdzie się tak dobry i powie jak zrobić coś takiego.

[HTML] pobierz, plaintext 
 <input type="radio" name="option_layout" value="0" />
<input type="radio" name="option_layout" value="1" />
[HTML] pobierz, plaintext

Po zaznaczeniu odpowiedniego pola sprawdza jaka wartość jest w value i w zależności od tego wykonuje odpowiednia akcje.

[HTML] pobierz, plaintext 
var status = $("option_layout").val();
//próbowałem tez var status = $("input[@name='option_layout']").val(); jednak wtedy FF blad wywalalo...
 
if(status==0){
alert("akcja 0");
}else if(status==1){
alert("akcja 1);
}else{
//
}
[HTML] pobierz, plaintext

Proszę o pomoc

lukasz_os

7.12.2009, 23:14:03

Możesz spróbować tak:

[HTML] pobierz, plaintext 
<script type="text/javascript" src="jquery.js"></script>
<script>
$().ready(function(){
    $(".option_layout").click(function(){
        var status = $(".option_layout:checked").val();
        if(status==0){
        alert("akcja 0");
        }else if(status==1){
        alert("akcja 1");
        }else{
        }
    });
    });
</script>
      <input class="option_layout" type="radio" name="option_layout" value="0" />
      <input class="option_layout" type="radio" name="option_layout" value="1" />
[HTML] pobierz, plaintext

Cienki1980

7.12.2009, 23:22:08

A może tak lepiej wykorzystać podstawy jQuery do wyciągnięcia odpowiednich danych ? Specjalistą nie jestem, ale wiem że takie coś zadziała:

[HTML] pobierz, plaintext 
<html>
<head>
</head>
<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
 
 
<script type="text/javascript">
$(document).ready(function () {
	$("input[@name='opt']").each(function () {
        $(this).click(function() {
        	var value = $(this).val();
			alert(value);
        });
    });
});
 
</script>
 
<body>
<input type="radio" name="opt" value="1" />
<input type="radio" name="opt" value="0" />
</body>
</html>
[HTML] pobierz, plaintext

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.