Zaloguj się

piottro1 · 18-06-2011, 17:49

Witam
Utworzyłem taki oto formularz:

Kod PHP:
<form action="..." onreset="if (!confirm('Czy na pewno chcesz wyczyścicć cały formularz?')) return false">
        <legend></legend>
        <!-- brak opcji wyboru -->
        <strong>1.</strong><br />
            <label>1.1<input type="checkbox" id="01" name="checkbox" value="50" disabled="disabled" checked="checked" /></label><br />
    
        <!-- Dwie opcje wyboru, 2 x radio, wybor tylko jednej -->
        <strong>2.</strong><br />
            <label>2.1<input type="radio" id="02" name="radio2" value="50" /></label><br />
            <label>2.2<input type="radio" id="03" name="radio2" value="10" checked="checked" /></label><br />
    
        <!-- Cztery opcje wyboru, 4 x radio, wybor tylko jednej -->
        <strong>3.</strong><br />
            <label>3.1<input type="radio" id="04" name="radio3" value="20" checked="checked" /></label><br />
            <label>3.2<input type="radio" id="05" name="radio3" value="40" /></label><br />
            <label>3.3<input type="radio" id="06" name="radio3" value="70" /></label><br />
            <label>3.4<input type="radio" id="07" name="radio3" value="120" /></label><br />
    
        <!-- Cztery opcje wyboru, 4 x radio, wybor tylko jednej -->
        <strong>4.</strong><br />
            <label>4.1<input type="radio" id="08" name="radio4" value="20" checked="checked" /></label><br />
            <label>4.2<input type="radio" id="09" name="radio4" value="20" /></label><br />
            <label>4.3<input type="radio" id="10" name="radio4" value="30" /></label><br />
            <label>4.4<input type="radio" id="11" name="radio4" value="50" /></label><br />

        <!-- Dwa pola wyboru, 2 x checkbox, mozna wybrac dwa -->
        <strong>5.</strong><br />
            <label>5.1<input type="checkbox" id="12" name="checkbox" value="50" /></label><br />
            <label>5.2<input type="checkbox" id="13" name="checkbox" value="50" /></label><br />

        <!-- Button WYSLIJ -->
            <input type="submit" value="Podlicz" /><br />
        <!-- Button WYCZYSC, czysci zaznaczenia -->
            <input type="reset" value="Wyczyść" /><br />
            <label>Suma: <input type="text" name="nazwa" readonly="readonly" /></label><br />
    </form> 

Chciałbym uzyskać efekt zliczenia wartości tylko zaznaczonych/wybranych pól (np value="50") i wyświetlenie ich sumy.
Nie bardzo wiem jak się do tego zabrać. Dla kogoś doświadczonego to pewnie będzie proste.
Z góry dziękuję za pomoc.

Pedro84 · 18-06-2011, 18:54

Tak, proste. Zrobisz sobie to za pomocą Javascript.

piottro1 · 18-06-2011, 19:17

Tylko jak? Jeśli nie mam zielonego pojęcia o js to wątpię abym dał radę.

Pedro84 · 18-06-2011, 19:57

(18-06-2011, 19:17)piottro1 napisał(a): Tylko jak? Jeśli nie mam zielonego pojęcia o js to wątpię abym dał radę.

Kurs, tutorial i jedziesz.

piottro1 · (Ten post był ostatnio modyfikowany: 18-06-2011, 21:26 przez piottro1.)

Gdyby to było takie proste to bym i może "pojechał" na jakimś tutorialu, ale nawet nie mogę nic znaleźć i dlatego właśnie na forum pytam.

Próbowałem to zrobić w php, ale oczywiście nie działa i utknąłem w martwym punkcie.
Może znajdzie się jednak ktoś, kto się zna i mi pomoże.

Dodałem taki kod na początku strony:

Kod PHP:
<?php
      $count = 0;
      $count = $_POST['radio2'] + $_POST['radio3'] + $_POST['radio4'] + $_POST['checkbox1'] + $_POST['checkbox2'] + $_POST['checkbox3'];
      if($count > 0)
      echo "Suma: ";
      ?>

Cały kod strony wygląda tak:

Kod PHP:
<?php
$count = 0;
$count = $_POST['radio2'] + $_POST['radio3'] + $_POST['radio4'] + $_POST['checkbox1'] + $_POST['checkbox2'] + $_POST['checkbox3'];
if($count > 0)
    echo "Suma:$count";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="WebSite PRO 4.3" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Reply-to" content="" />
<meta http-equiv="content-Language" content="pl" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="Author" content="" />
<meta name="robots" content="all" />
<style type="text/css"></style>
  <title></title>
</head>
<body>
    <form action="count.php" onreset="if (!confirm('Czy na pewno chcesz wyczyścicć cały formularz?')) return false">
        <legend></legend>
        <!-- brak opcji wyboru -->
        <strong>1.</strong><br />
            <label>1.1<input type="checkbox" id="01" name="checkbox1" value="50" disabled="disabled" checked="checked" /></label><br />
    
        <!-- Dwie opcje wyboru, 2 x radio, wybor tylko jednej -->
        <strong>2.</strong><br />
            <label>2.1<input type="radio" id="02" name="radio2" value="50" /></label><br />
            <label>2.2<input type="radio" id="03" name="radio2" value="10" checked="checked" /></label><br />
    
        <!-- Cztery opcje wyboru, 4 x radio, wybor tylko jednej -->
        <strong>3.</strong><br />
            <label>3.1<input type="radio" id="04" name="radio3" value="20" checked="checked" /></label><br />
            <label>3.2<input type="radio" id="05" name="radio3" value="40" /></label><br />
            <label>3.3<input type="radio" id="06" name="radio3" value="70" /></label><br />
            <label>3.4<input type="radio" id="07" name="radio3" value="120" /></label><br />
    
        <!-- Cztery opcje wyboru, 4 x radio, wybor tylko jednej -->
        <strong>4.</strong><br />
            <label>4.1<input type="radio" id="08" name="radio4" value="20" checked="checked" /></label><br />
            <label>4.2<input type="radio" id="09" name="radio4" value="20" /></label><br />
            <label>4.3<input type="radio" id="10" name="radio4" value="30" /></label><br />
            <label>4.4<input type="radio" id="11" name="radio4" value="50" /></label><br />

        <!-- Dwa pola wyboru, 2 x checkbox, mozna wybrac dwa -->
        <strong>5.</strong><br />
            <label>5.1<input type="checkbox" id="12" name="checkbox2" value="50" /></label><br />
            <label>5.2<input type="checkbox" id="13" name="checkbox3" value="50" /></label><br />
            


        <!-- Button WYSLIJ -->
            <input type="submit" value="Podlicz" /><br />
        <!-- Button WYCZYSC, czysci zaznaczenia -->
            <input type="reset" value="Wyczyść" /><br />
            <label>Suma: <input type="text" name="nazwa" readonly="readonly" /></label><br />
    </form>
    
    
</body>
</html> 

**Kartofelek** · 18-06-2011, 21:25

http://doman.art.pl/kursjs/kurs/formularze/formularze.html

piottro1 · 19-06-2011, 00:58

Dziękuje za link, przeczytałem, ale jakoś tego nie ogarniam.
Nie wiem jak zrobić to zliczanie wartości podanej w value=

Pedro84 · 19-06-2011, 02:35

(19-06-2011, 00:58)piottro1 napisał(a): Dziękuje za link, przeczytałem, ale jakoś tego nie ogarniam.
Nie wiem jak zrobić to zliczanie wartości podanej w value=

Cóż, to masz pecha. Tobie się nie chce, a nam ma się chcieć? Wink

piottro1 · 19-06-2011, 23:34

Nie o to chodzi, że się nie chce, ale umiejętności brakuje, więc szukam pomocy na forum.

hieroshima · 20-06-2011, 00:50

całość jest opisana w linku, który Kartofelek podał. Jakiej jeszcze pomocy oczekujesz? Wszystko co potrzebujesz jest w jego linku

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie