Forum PHP.pl > [JavaScript]Sumowanie liczb poprzez zaznaczanie checkboxów

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Sumowanie liczb poprzez zaznaczanie checkboxów

pietrucha133

13.08.2014, 19:55:39

Witam

Mam pewien problem. Jestem początkujący w JS i PHP ale chciałem coś stworzyć lecz mi nie wyszło, oto kod jaki mam:

[HTML] pobierz, plaintext 
    <html>
    <head>
    <?php
       $cena = 400;
       $box1 = 10;
    ?>
 
    <script>
 
        jQuery('#box1').click(
        function(){
        if(jQuery(this).is(":checked")){
        jQuery("#cena").innerHTML = ('<?php echo $cena+=$box1; ?>');
        } else {
        jQuery("#cena").innerHTML = ('<?php echo $cena-=20; ?>');
        }
        }
        );
    </script>
    </head>
    <body>
 
        <input id="box1" type="checkbox"><?php echo $box1 ?></input>
       <p id="cena" name="cena"><?php echo $cena ?></p>
    </body>
    </html>
[HTML] pobierz, plaintext

Kod miał działać tak że jeśli zaznaczę checkboxa to do liczby 400 doda mi się 10 a jak odznaczę to spowrotem będzie 400 ale coś nie działa. Odrazu po załadowaniu strony wykonuje mi sie to co powinno się robić po zaznaczeniu i odznaczeniu dla pokazania tego ustawiłem ze po odznaczeniu ma się odjąć liczba 20 i dzięki temu widać ze to działa ale nie do końca tak jak powinno.

Proszę o pomoc

Z góry dzięki

slash^

13.08.2014, 21:10:49

[HTML] pobierz, plaintext 
    <html>
    <head>
    <?php
       $cena = 400;
       $box1 = array(10,20,50,100);
    ?>
 
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script>
 
	$(document).ready(function() {
 
        $('.box1').click(function(){		
 
 
			if($(this).is(":checked")){
				$("#cena").html ( parseInt($('#cena').html()) + parseInt($(this).val()) );
			} else {
				$("#cena").html ( parseInt($('#cena').html()) - parseInt($(this).val()) );
			}
 
        });
	});
    </script>
    </head>
    <body>
 
		<?php
		foreach ($box1 as $v) echo '<input class="box1" type="checkbox" value="'.$v.'" />'.$v."<br/>"; 
		?>
       <p id="cena" name="cena"><?=$cena ?></p>
    </body>
    </html>
[HTML] pobierz, plaintext

pietrucha133

16.08.2014, 18:58:54

Wielkie dzięki o to właśnie mi chodziło

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.