-
Üyelik
04.02.2020
-
Yaş/Cinsiyet
43 / E
-
Meslek
Yazılım...
-
Konum
Diğer
-
Ad Soyad
O** B**
-
Mesajlar
597
-
Beğeniler
154 / 153
-
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.
-
Üyelik
15.05.2015
-
Yaş/Cinsiyet
33 / E
-
Meslek
PHP Developer
-
Konum
İstanbul Avrupa
-
Ad Soyad
Ö** G**
-
Mesajlar
1206
-
Beğeniler
374 / 380
-
Ticaret
16, (%100)
Hocam istediğiniz checkbox işaretlendiğinde altta toplamlarının anlık olarak yazması mı ?
1 kişi bu mesajı beğendi.
Herkes yediğinden ikram eder..(Yavuz Sultan Selim)
-
Üyelik
04.02.2020
-
Yaş/Cinsiyet
43 / E
-
Meslek
Yazılım...
-
Konum
Diğer
-
Ad Soyad
O** B**
-
Mesajlar
597
-
Beğeniler
154 / 153
-
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.
-
Üyelik
15.05.2015
-
Yaş/Cinsiyet
33 / E
-
Meslek
PHP Developer
-
Konum
İstanbul Avrupa
-
Ad Soyad
Ö** G**
-
Mesajlar
1206
-
Beğeniler
374 / 380
-
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>
1 kişi bu mesajı beğendi.
Herkes yediğinden ikram eder..(Yavuz Sultan Selim)
-
Üyelik
04.02.2020
-
Yaş/Cinsiyet
43 / E
-
Meslek
Yazılım...
-
Konum
Diğer
-
Ad Soyad
O** B**
-
Mesajlar
597
-
Beğeniler
154 / 153
-
Ticaret
0, (%0)
@ÖmerGünay hocam gerçekten elinize, zihninize sağlık...
Çok çok teşekkür ediyorum...
1 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.
