Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript]javaScript, checkbox, proszę o pomoc!
lenax
post 16.07.2009, 08:45:55
Post #1





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 16.07.2009
Skąd: Kielce

Ostrzeżenie: (0%)
-----


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 worriedsmiley.gif
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
sowiq
post 16.07.2009, 09:01:49
Post #2





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


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 smile.gif

Ten post edytował sowiq 16.07.2009, 09:02:51
Go to the top of the page
+Quote Post
lenax
post 20.07.2009, 09:18:20
Post #3





Grupa: Zarejestrowani
Postów: 6
Pomógł: 0
Dołączył: 16.07.2009
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Dziękuje bardzo za odpowiedź winksmiley.jpg
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 blinksmiley.gif
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);}
Go to the top of the page
+Quote Post
kefirek
post 20.07.2009, 09:57:30
Post #4





Grupa: Zarejestrowani
Postów: 781
Pomógł: 256
Dołączył: 29.06.2008

Ostrzeżenie: (0%)
-----


  1. <script src="http://code.jquery.com/jquery-latest.js"></script>
  2. $(document).ready(function() {
  3. var element = $('input[name=test\[\]]');
  4. element.click(function() {
  5. var wynik = '';
  6. element.filter(":checked").each( function(){
  7. wynik += $(this).val() + '<br>';
  8. });
  9. $('#wynik').html('Wybrales <br>' + wynik);
  10. });
  11. });
  12.  
  13.  
  14. </head>
  15. <div id="wynik">Wybrales </div>
  16. <input type="checkbox" name="test[]" value="samochod" />samochod
  17. <input type="checkbox" name="test[]" value="dom" />dom
  18. <input type="checkbox" name="test[]" value="bizuteria" />bizuteria
  19. <input type="checkbox" name="test[]" value="zwierzeta" />zwierzeta
  20. </body>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 24.07.2025 - 15:08