reklam
reklam

PHP ve/veya AJAX ile tablonun checkbox ile seçilen kayıt satırlarının 2 kolonundaki sayıları ayrı ayrı toplamak!

  1. Konuyu Paylaş
5 Mesajlar 306 Okunma
reklam

BEYAZMASTER BEYAZMASTER YÜCE ALLAH'IN aciz 1 kulu Kullanıcı
  • Üyelik 04.02.2020
  • Yaş/Cinsiyet 42 / E
  • Meslek Yazılım...
  • Konum Diğer
  • Ad Soyad O** B**
  • Mesajlar 543
  • Beğeniler 148 / 147
  • Ticaret 0, (%0)

Hayırlı akşamlar...

Kodlamasını tam oluşturamadığım konuyu başlıkta özetlemeye çalıştım.

Biraz daha netleştireyim;


1) Bir besinler veri tablosundan besinlere ait veriler çekilerek html tablosu görünümünde listeleniyor


2) Tablonun her satırında 4 hücre var;

Seç | Besinin Adı | Besinin Kalorisi (100 gramında) | Besinin Proteini (100 gramda)
¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ ¯ 
口   | Süt                 | 140                                                | 30
口   | Peynir            | 210                                                | 40
口   | Tavuk eti        | 300                                                | 50
________________________________________________________
TOPLAM                 | 350 kcal kalori                              | 70 gram protein


3) Listelenen 3 adet besin var ve biz sadece 1. ve 2. satırdaki checkboxları işaretliyoruz
ve
anlık olarak tablonun altında toplam değerleri görüyoruz...





Beni aşan bir kodlama olduğu için USTALARA sormak istedim...

UMARIM bilen birileri bu konuyu görür ve katkı sağlar...

ŞİMDİDEN ÇOK TEŞEKKÜRLER...

Mesaj 7 defa düzenlendi. Son düzenleyen: BEYAZMASTER (24.05.2022 00:55)

 

 

ÖNCE "İYİ,DOĞRU,GÜZEL BİR İNSAN" OLMAK (VEFA,TEVAZZU,NAİFLİK,SAYGI,...) GEREK!
Sonra wm oluruz.
medyasosyal
reklam

ÖmerGünay ÖmerGünay https://omergunay.net Kullanıcı
  • Üyelik 15.05.2015
  • Yaş/Cinsiyet 31 / E
  • Meslek PHP Developer
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** G**
  • Mesajlar 1176
  • Beğeniler 360 / 363
  • Ticaret 16, (%100)

Hocam istediğiniz checkbox işaretlendiğinde altta toplamlarının anlık olarak yazması mı ?

BEYAZMASTER

kişi bu mesajı beğendi.

Herkes yediğinden ikram eder..(Yavuz Sultan Selim)

BEYAZMASTER BEYAZMASTER YÜCE ALLAH'IN aciz 1 kulu Kullanıcı
  • Üyelik 04.02.2020
  • Yaş/Cinsiyet 42 / E
  • Meslek Yazılım...
  • Konum Diğer
  • Ad Soyad O** B**
  • Mesajlar 543
  • Beğeniler 148 / 147
  • Ticaret 0, (%0)

ÖmerGünay adlı üyeden alıntı

Hocam istediğiniz checkbox işaretlendiğinde altta toplamlarının anlık olarak yazması mı ?

Evet hocam, kesinlikle...  ; )

Büyük umutla katkınızı bekliyorum...

 

 

ÖNCE "İYİ,DOĞRU,GÜZEL BİR İNSAN" OLMAK (VEFA,TEVAZZU,NAİFLİK,SAYGI,...) GEREK!
Sonra wm oluruz.

ÖmerGünay ÖmerGünay https://omergunay.net Kullanıcı
  • Üyelik 15.05.2015
  • Yaş/Cinsiyet 31 / E
  • Meslek PHP Developer
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** G**
  • Mesajlar 1176
  • Beğeniler 360 / 363
  • Ticaret 16, (%100)

Şöyle bir örnek yaptım hocam ama ajaxa gerek yok direk js ile yapılabilir bu işlem.

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.4.1/dist/css/bootstrap.min.css">
	<title>Ajax Veri Toplama</title>
</head>
<body>

	<div class="container mt-5">
		<div class="row">
			<table class="table table-bordered">
				<thead>
					<tr>
						<th>#</th>
						<th>Besinin Adı</th>
						<th>Kalori</th>
						<th>Protein</th>
					</tr>
				</thead>
				<tbody>
					<form action="" method="post">
						<tr>
							<td><input type="checkbox" name="besin[]" value="Süt" data-kalori="140" data-protein="30"></td>
							<td>Süt</td>
							<td>140</td>
							<td>30</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="besin[]" value="Peynir" data-kalori="210" data-protein="40"></td>
							<td>Peynir</td>
							<td>210</td>
							<td>40</td>
						</tr>
						<tr>
							<td><input type="checkbox" name="besin[]" value="Tavuk" data-kalori="300" data-protein="50"></td>
							<td>Tavuk</td>
							<td>300</td>
							<td>50</td>
						</tr>
						<tfoot>
							<tr>
								<td colspan="2">TOPLAM</td>
								<td id="kalori">0</td>
								<td id="protein">0</td>
							</tr>
						</tfoot>
					</form>
				</tbody>
			</table>
		</div>
	</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<script>
	$(function(){
		var kalori  = 0;
		var protein = 0;
		$("input").on('change', function(event) {
			if($(this).is(":checked")) {
				kalori  += $(this).data("kalori");
				protein += $(this).data("protein");
			}else {
				kalori  -= $(this).data("kalori");
				protein -= $(this).data("protein");
			}

			$("#kalori").html(kalori);
			$("#protein").html(protein);
			
		});
	});
</script>
</body>
</html>
BEYAZMASTER

kişi bu mesajı beğendi.

Herkes yediğinden ikram eder..(Yavuz Sultan Selim)
wmaraci reklam

BEYAZMASTER BEYAZMASTER YÜCE ALLAH'IN aciz 1 kulu Kullanıcı
  • Üyelik 04.02.2020
  • Yaş/Cinsiyet 42 / E
  • Meslek Yazılım...
  • Konum Diğer
  • Ad Soyad O** B**
  • Mesajlar 543
  • Beğeniler 148 / 147
  • Ticaret 0, (%0)

@ÖmerGünay hocam gerçekten elinize, zihninize sağlık...

Çok çok teşekkür ediyorum...

ÖmerGünay

kişi bu mesajı beğendi.

ÖNCE "İYİ,DOĞRU,GÜZEL BİR İNSAN" OLMAK (VEFA,TEVAZZU,NAİFLİK,SAYGI,...) GEREK!
Sonra wm oluruz.
wmaraci
Konuyu toplam 4 kişi okuyor. (0 kullanıcı ve 4 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al