![BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]](https://static01.helion.com.pl/helion/img/promocje/xzay/box_1180x419_1x_druk__Black_week_2_zestawy_2024_Rpolony_a0d7b42e2-z1.png)
Sprawdzanie zaznaczonego checkbox'u w formularzu
Podany skrypt ukazuje jak pobrać wartość zaznaczonego checkbox'u lub radio przycisku za pomocą JavaScript.
Kod może być używany dla jednego lub wielu pól formularza.
Przykład jest kompatybilny z przeglądarkami: FF, Opera, Safari, IE 6. 7, 8, Chrome.
Listing
//KOD JS
<script type="text/javascript">
function sprawdzFormularz() {
//wykonanie kiedy jest więcej niż jeden element w grupie
if( document.przyklad.grupa1.length != null) {
for (var i=0; i < document.przyklad.grupa1.length; i++)
{
if (document.przyklad.grupa1[i].checked) {
alert(document.przyklad.grupa1[i].value);
}
}
//wykonanie kiedy jest tylko jeden element w grupie
}else{
if (document.przyklad.grupa1.checked) {
alert(document.przyklad.grupa1.value);
}else{
alert('nie zaznaczono żadnego pola');
}
}
}
</script>
<!-- KOD HTML -->
<form name="przyklad" id="przyklad">
<input type="radio" name="grupa1" value="Checkbox numer 1" />
<input type="radio" name="grupa1" value="Checkbox numer 2" />
<input type="submit" value="sprawdź checkbox" onclick="sprawdzFormularz();" />
</form>
<script type="text/javascript">
function sprawdzFormularz() {
//wykonanie kiedy jest więcej niż jeden element w grupie
if( document.przyklad.grupa1.length != null) {
for (var i=0; i < document.przyklad.grupa1.length; i++)
{
if (document.przyklad.grupa1[i].checked) {
alert(document.przyklad.grupa1[i].value);
}
}
//wykonanie kiedy jest tylko jeden element w grupie
}else{
if (document.przyklad.grupa1.checked) {
alert(document.przyklad.grupa1.value);
}else{
alert('nie zaznaczono żadnego pola');
}
}
}
</script>
<!-- KOD HTML -->
<form name="przyklad" id="przyklad">
<input type="radio" name="grupa1" value="Checkbox numer 1" />
<input type="radio" name="grupa1" value="Checkbox numer 2" />
<input type="submit" value="sprawdź checkbox" onclick="sprawdzFormularz();" />
</form>
Dodano przez: divix
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
