Ekle Formunda Switch Kullanımı

13-09-2022, 13:20:33

Sayın Forum üyeleri öncelikle merhaba. Ekleme formu için görsellik açısından switch kullanmak istiyorum.

Kodlar:

<div class="form-group">
                     <div class="input-group">
                      <label class="switch"><input type="checkbox" name="duyurular_durum" id="duyurular_durum" value="1" checked ><span class="slider"></span></label>
                    </div>
                  </div>

Javascript Kodlarım

<script type="text/javascript">
  
 $(".checkbox").on('change', function() {
        if ($(this).is(':checked')) {
            $(this).attr('value', '1');
          
        }
        else {
           $(this).attr('value', '0');
          
        }
        const newStatus = !$(this).prop('checked');
$(this).prop('checked', newStatus);
    });

</script>

Ekle butonuna bastığım zaman switch "on" konumundayken kayıt yapıyor ancak durum=0 olarak kaydediyor;
Switch "Off" konumundayken veritabanına kaydetmiyor. Acaba nerede yanlış yapıyorum yardımcı olur musunuz ?

13-09-2022, 13:27:43

#2

blap

Javascript kısmında .checkbox değil .duyurular_durum olacak.

13-09-2022, 13:31:40

#3

ynscnr55

blap adlı üyeden alıntı: mesajı görüntüle

Javascript kısmında .checkbox değil .duyurular_durum olacak.

Hocam denedim fakat sonuç aynı.

13-09-2022, 13:41:38

#4

Breakupsong

 var bizimcheckbox = document.querySelector("input[id=duyurular_durum]");
var bizimcheckboxval = document.querySelector("#duyurular_durum"); 

bizimcheckbox.addEventListener('change', function() {
  if (this.checked) {
     
    
        bizimcheckboxval.value="1";
        console.log(bizimcheckboxval.value);
  
  } else {
  
    bizimcheckboxval.value="0";
        console.log(bizimcheckboxval.value);
  }
});

13-09-2022, 13:56:27

#5

ynscnr55

Hocam ilgileriniz için çok sağolun basit bir yöntemle çözdüm ben

inputtan önce aşağıdaki kodu ekleyince sorun kalmadı