Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

jquery ile checkbox ile ilgili bir soru

Merhabalar,

Benim yapmak istediğim tam anlamıyla şöyle bişey, sayfada 100 sayısı var diyelim,

sayının altında checkbox ların karşısında 10 20 30 40 diye değerler var, bir tanesini tıkladığımda 100 üstüne değer atılıcak sayfa yenilenmeden, mesela ben checkbox'da 10 seçtim sayı 110 olucak birtanede 30 seçtiğimde 140 olucak bunu nasıl yapabilirim bana ufak bir örnek veya bildiğiniz bir site varmıdır, yarımcı olursa çok sevinirim.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • skuru adlı üyenin fotoğrafı
    11 yıl önce yazılmış
    11 cevap - 2 soru
    <input type = "checkbox" class = "degerler" value = "10">10
    <input type = "checkbox" class = "degerler" value = "20">20
    <input type = "checkbox" class = "degerler" value = "30">30
    <input type = "checkbox" class = "degerler" value = "40">40
    


    <div id = "goster">
    


    var sabit_sayi = 100;
    $('#degerler').live('click',function(){
        var eklenecek_sayi = $(this).val();
        if($(this).attr('checked'))
        {
            sabit_sayi += eklenecek_sayi;
            
        }
        else
        {
            sabit_sayi = sabit_sayi - eklenecek_sayi;
        }
        $('#goster').html(sabit_sayi);
    });
    
    • skuru adlı üyenin fotoğrafı skuru
      pardon hemen düzelteyim inputlara class verdiğimizden dolayı #degerler deilde .degerler olarak click olayı vereceksin.. yanlış yazmışım
      11 yıl önce yazılmış

Cevaplar

  • pl_phe adlı üyenin fotoğrafı
    11 yıl önce yazılmış
    3 cevap - 23 soru
    Malesef çalışmadı :(
    • skuru adlı üyenin fotoğrafı skuru
      Tekrar gönderiyorum önceki yazdığımı denememiştim. değerleri toplarken js de parseInt veya parseFloat kulanman gerekebiliyor. diğer türlü + ile degerin yanına ekliyor. tabi sayfana jquery kütüphanesini çağırmayı unutma
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
      <input type = "checkbox" class = "degerler" value = "10">10<br>
          <input type = "checkbox" class = "degerler" value = "20">20<br>
          <input type = "checkbox" class = "degerler" value = "30">30<br>
          <input type = "checkbox" class = "degerler" value = "40">40<br>
          <div id = "goster"></div>
      



      var sabit_sayi = 100;
              $('.degerler').live('click',function(){
                  var eklenecek_sayi = $(this).val();
                  if($(this).attr('checked'))
                  {
                      sabit_sayi += parseInt(eklenecek_sayi);
      
                  }
                  else
                  {
                      sabit_sayi = parseInt(sabit_sayi) - parseInt(eklenecek_sayi);
                  }
                  $('#goster').html(sabit_sayi);
              });
      
      11 yıl önce yazılmış
    • pl_phe adlı üyenin fotoğrafı pl_phe
      çok çok teşekkürederim,

      peki sn birşey daha sormak istiyorum, ben bu değeri başka bir sayaya göndericeğim için post etmem gerekicek, div içerisinde bunu yapamam, yanlız bunu ben texbox içerisine yazmak istiyorum, veya başka sayfaya session ile gönderek istiyorum bunun için her şeçtiğimde sayfanın yenilenip yeni değeri nasıl aldırabilirim session ile bilginiz varmı acaba ?
      11 yıl önce yazılmış
    • skuru adlı üyenin fotoğrafı skuru
      $('#goster').html(sabit_sayi) yerine textbox a id veya class verip value değernide sabit_sayiyi aktaracaksın oda şu şeklde olacak.

      <input type="text" id="sabitSayi" value = "">
      



      $('#sabitSayi').val(sabit_sayi);
      

      olacak.
      11 yıl önce yazılmış