Forum PHP.pl > [JavaScript]javaScript, checkbox, proszę o pomoc!

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]javaScript, checkbox, proszę o pomoc!

lenax

16.07.2009, 08:45:55

Witam
Pracuję nad pewnym skryptem, mam 4 checkboxy i chciałabym żeby po zaznaczeniu któregoś z nich (jednego, dwoch, trzech lub nawet i czterech) i po przyciśnięciu przycisku "sprawdź" pojawiły się wartości tych zaznaczontch checkboxów np: jeżeli mam ([] tymi nawiasami oznaczam checkbox )

[] samochod
[] dom
[] biżuteria
[] zwierzeta

[SPRAWDZ]

..i teraz zaznaczam samochód i dom, przyciskam sprawdz to chciałabym żeby to za pomocą document.write pojawiło się w nowym oknie i nastepnie po przyciśnięciu wyślij wysłało na adres email:np.

wybrałaś:
samochód
dom

[WYŚLIJ]

Proszę o pomoc

sowiq

16.07.2009, 09:01:49

Poniżej małe nakierowanie. Dalej powinieneś sobie dać radę. Jak Ci nie będzie wychodziło to pokaż co zrobiłeś, a pomożemy dalej rozwiązać.
Gotowych rozwiązań niestety nie dajemy.

Kod

elem = document.getElementById('id_checkboxa');
if(elem.checked){
var v = elem.value;
alert(v);
}

Zamknij powyższy kod w funkcję, formularzowi nadaj onsubmit="twoja_funkcja()" i powoli dojdziesz do zamierzonego efektu

lenax

20.07.2009, 09:18:20

Dziękuje bardzo za odpowiedź

Zrobiłam coś takiego ale jak zaznaczam 3 checkboxy to wyskakują mi 3 okna najpierw z pierwszą opcją, gdy klikam ok to pojawia się drugie i potem trzecie

co mogę zrobić żeby te 3 wybrane przeze mnie opcje pojawiły się w jwdnym alercie?

function b()
{
elem1 = document.getElementById('c1');
elem2 = document.getElementById('c2');
elem3 = document.getElementById('c3');
elem4 = document.getElementById('c4');
if(elem1.checked){
var v = elem1.value;
alert(v);}
if(elem2.checked){
var v = elem2.value;
alert(v);}
if(elem3.checked){
var v = elem3.value;
alert(v);}
if(elem4.checked){
var v = elem4.value;
alert(v);}

kefirek

20.07.2009, 09:57:30

[HTML] pobierz, plaintext 
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
var element = $('input[name=test\[\]]');
element.click(function() {
var wynik = '';  
element.filter(":checked").each( function(){
wynik += $(this).val() + '<br>';
});
$('#wynik').html('Wybrales <br>' + wynik);
}); 
});
</script>
 
 
</head>
<body>
<div id="wynik">Wybrales </div>
<input type="checkbox" name="test[]" value="samochod" />samochod 
<input type="checkbox" name="test[]" value="dom" />dom
<input type="checkbox" name="test[]" value="bizuteria" />bizuteria
<input type="checkbox" name="test[]" value="zwierzeta" />zwierzeta
</body>
[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.